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

changes due main added

Browse source
This commit is contained in:
Umang G. Patel 2022-06-19 20:25:07 +05:30
parent c8b606bf6d
commit 5bb3d2c06b
4 changed files with 33 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/frontend/styles/components/sidebar.pcss
View file

@ -1,5 +1,7 @@
.docs-sidebar {
width: 100vw;
position: fixed;
top: var(--layout-height-header);
@media (--desktop) {
width: var(--layout-sidebar-width);
@ -27,7 +29,6 @@
}
}
&__section {
overflow: hidden;
flex-shrink: 0;
@ -101,7 +102,6 @@
}
}
&__section-list-item-wrapper {
padding: 1px 0;
display: block;
@ -113,7 +113,6 @@
}
}
&__section-title:not(&__section-title--active),
&__section-list-item:not(&__section-list-item--active) {
@media (--can-hover) {
@ -125,7 +124,7 @@
&__section-title--active,
&__section-list-item--active {
background: linear-gradient(270deg, #129BFF 0%, #8A53FF 100%);
background: linear-gradient(270deg, #129bff 0%, #8a53ff 100%);
color: white;
@media (--can-hover) {
@ -167,7 +166,6 @@
}
}
&__toggler {
font-size: 13px;
cursor: pointer;
@ -212,5 +210,4 @@
padding: 8px;
}
}
}

11
src/frontend/styles/components/table-of-content.pcss Normal file
View file

@ -0,0 +1,11 @@
.table-of-content {
border-left: solid 1px var(--color-line-gray);
display: flex;
flex-direction: column;
letter-spacing: 0.01em;
font-size: 14px;
width: 100%;
/*dummy values*/
background: var(--color-line-gray);
height: 300px;
}

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

@ -7,6 +7,7 @@
&__content {
margin-top: var(--layout-height-header);
width: 100%;
@media (--mobile) {
width: 100%;
@ -19,8 +20,17 @@
}
}
&__aside-right {
position: fixed;
top: var(--layout-height-header);
right: 0;
width: var(--layout-width-aside-right);
max-width: var(--layout-width-aside-right);
}
&__aside-right,
&__content {
padding: var(--layout-padding-vertical) var(--layout-padding-horizontal);
padding-top: var(--layout-padding-vertical);
@media (--mobile) {
padding: 20px var(--layout-padding-horizontal);

1
src/frontend/styles/main.pcss
View file

@ -9,6 +9,7 @@
@import './components/auth.pcss';
@import './components/button.pcss';
@import './components/sidebar.pcss';
@import './components/table-of-content.pcss';
body {
font-family: system-ui, Helvetica, Arial, Verdana;