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

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

@ -1,6 +1,8 @@
.docs-sidebar { .docs-sidebar {
width: 100vw; width: 100vw;
position: fixed;
top: var(--layout-height-header);
@media (--desktop) { @media (--desktop) {
width: var(--layout-sidebar-width); width: var(--layout-sidebar-width);
} }
@ -14,7 +16,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: auto; overflow: auto;
@media (--desktop) { @media (--desktop) {
height: calc(100vh - var(--layout-height-header)); height: calc(100vh - var(--layout-height-header));
border-right: 1px solid var(--color-line-gray); border-right: 1px solid var(--color-line-gray);
@ -27,7 +29,6 @@
} }
} }
&__section { &__section {
overflow: hidden; overflow: hidden;
flex-shrink: 0; flex-shrink: 0;
@ -101,7 +102,6 @@
} }
} }
&__section-list-item-wrapper { &__section-list-item-wrapper {
padding: 1px 0; padding: 1px 0;
display: block; display: block;
@ -113,7 +113,6 @@
} }
} }
&__section-title:not(&__section-title--active), &__section-title:not(&__section-title--active),
&__section-list-item:not(&__section-list-item--active) { &__section-list-item:not(&__section-list-item--active) {
@media (--can-hover) { @media (--can-hover) {
@ -125,12 +124,12 @@
&__section-title--active, &__section-title--active,
&__section-list-item--active { &__section-list-item--active {
background: linear-gradient(270deg, #129BFF 0%, #8A53FF 100%); background: linear-gradient(270deg, #129bff 0%, #8a53ff 100%);
color: white; color: white;
@media (--can-hover) { @media (--can-hover) {
.docs-sidebar__section-toggler:hover { .docs-sidebar__section-toggler:hover {
background: rgba(0,0,0,0.3); background: rgba(0, 0, 0, 0.3);
} }
} }
} }
@ -153,7 +152,7 @@
height: 24px; height: 24px;
transition-property: background-color; transition-property: background-color;
transition-duration: 0.1s; transition-duration: 0.1s;
@apply --squircle; @apply --squircle;
@media (--can-hover) { @media (--can-hover) {
@ -167,14 +166,13 @@
} }
} }
&__toggler { &__toggler {
font-size: 13px; font-size: 13px;
cursor: pointer; cursor: pointer;
color: var(--color-text-second); color: var(--color-text-second);
padding: 20px 15px; padding: 20px 15px;
border-bottom: 1px solid var(--color-line-gray); border-bottom: 1px solid var(--color-line-gray);
@media (--desktop) { @media (--desktop) {
display: none; display: none;
} }
@ -197,7 +195,7 @@
display: block; display: block;
} }
&-image{ &-image {
display: inline-flex; display: inline-flex;
} }
@ -212,5 +210,4 @@
padding: 8px; 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 { &__content {
margin-top: var(--layout-height-header); margin-top: var(--layout-height-header);
width: 100%;
@media (--mobile) { @media (--mobile) {
width: 100%; 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 { &__content {
padding: var(--layout-padding-vertical) var(--layout-padding-horizontal); padding-top: var(--layout-padding-vertical);
@media (--mobile) { @media (--mobile) {
padding: 20px var(--layout-padding-horizontal); padding: 20px var(--layout-padding-horizontal);

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

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