Docker/codex.docs
Docker/codex.docs
1
0
Fork 0
mirror of https://github.com/codex-team/codex.docs.git synced 2025-08-10 07:55:24 +02:00
Code Issues Releases Activity

Consider padding when calculating main column margin left

Browse source
This commit is contained in:
Tanya Fomina 2022-09-06 20:09:55 +03:00
parent 919eda51fd
commit c2b41b9c77
2 changed files with 2 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/frontend/styles/layout.pcss
View file

@ -20,7 +20,6 @@
margin: 0 auto; margin: 0 auto;
min-width: 0; min-width: 0;
width: 100%; width: 100%;
box-sizing: border-box;
@media (--desktop) { @media (--desktop) {
margin-left: 0; margin-left: 0;
@ -38,7 +37,7 @@
calc(var(--layout-width-main-col) + var(--max-space-between-cols) + var(--layout-sidebar-width)), calc(var(--layout-width-main-col) + var(--max-space-between-cols) + var(--layout-sidebar-width)),
calc(100vw - var(--layout-sidebar-width)) calc(100vw - var(--layout-sidebar-width))
); );
margin-left: max(0px, calc(50vw - var(--layout-sidebar-width) - var(--layout-width-main-col) / 2)); margin-left: max(0px, calc(50vw - var(--layout-sidebar-width) - var(--layout-width-main-col) / 2) - var(--layout-padding-horizontal));
margin-right: auto; margin-right: auto;
@media (--mobile) { @media (--mobile) {

2
src/frontend/styles/vars.pcss
View file

@ -29,7 +29,7 @@
--layout-padding-horizontal: 22px; --layout-padding-horizontal: 22px;
--layout-padding-vertical: 30px; --layout-padding-vertical: 30px;
--layout-sidebar-width: 290px; --layout-sidebar-width: 290px;
--layout-width-main-col: 650px; --layout-width-main-col: 700px;
--layout-height-header: 56px; --layout-height-header: 56px;
@media (--mobile) { @media (--mobile) {