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

the reposive width added

Browse source
This commit is contained in:
Umang G. Patel 2022-06-09 02:08:53 +05:30
parent 7cc74c42cc
commit c556d372a6
3 changed files with 20 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/frontend/styles/components/aside.pcss
View file

@ -149,7 +149,7 @@
font-size: 14px;
line-height: 21px;
font-weight: 400;
max-width: var(--layout-width-aside);
max-width: var(--layout-width-aside-right-title);
white-space: wrap;
padding: 4px 8px;
}

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

@ -37,11 +37,17 @@
}
&__right-aside {
padding-left: 30px;
padding-left: var(--layout-right-aside-padding-left);
padding-bottom: 30px;
position: fixed;
top: var(--layout-height-header);
right: 0;
width: calc(
var(--layout-width-right-aside)-var(--layout-right-aside-padding-left)
);
max-width: calc(
var(--layout-width-right-aside)-var(--layout-right-aside-padding-left)
);
}
&__left-aside,

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

@ -28,6 +28,18 @@
--layout-width-aside: 300px;
--layout-width-main-col: 650px;
--layout-width-aside-right-title: 277px;
--layout-right-aside-resposive-width: 160px;
--layout-width-right-aside-available: calc(
50% - var(--layout-width-main-col) / 2 -
var(--layout-right-aside-resposive-width)
);
--layout-width-right-aside: max(
450px,
var(--layout-width-right-aside-available)
);
--layout-right-aside-padding-left: 30px;
--layout-height-header: 57px;
@media (--mobile) {