Fix sidebar

pull/8288/head
Puru Vijay 4 years ago
parent d1ef2cb825
commit 2564ee1e27

@ -289,7 +289,7 @@
@media (min-width: 832px) { @media (min-width: 832px) {
.toc-container { .toc-container {
width: var(--sidebar-width); width: var(--sidebar-width);
height: calc(100vh - var(--sk-nav-height) - var(--ts-toggle-height)); height: calc(100vh - var(--sk-nav-height));
position: fixed; position: fixed;
left: 0; left: 0;
top: var(--sk-nav-height); top: var(--sk-nav-height);

@ -27,9 +27,6 @@
top: 0; top: 0;
left: 0; left: 0;
color: var(--sk-text-3); color: var(--sk-text-3);
display: grid;
justify-content: center;
} }
.sidebar { .sidebar {
@ -74,24 +71,28 @@
color: var(--sk-text-1); color: var(--sk-text-1);
} }
ul ul li {
margin: 0;
}
@media (min-width: 600px) { @media (min-width: 600px) {
.sidebar { .sidebar {
columns: 2; columns: 2;
padding-left: var(--sk-page-padding-side); /* padding-left: var(--sk-page-padding-side); */
padding-right: var(--sk-page-padding-side); padding-right: var(--sk-page-padding-side);
} }
} }
@media (min-width: 700px) { @media (min-width: 700px) {
.sidebar { .sidebar {
/* columns: 3; */ columns: 3;
} }
} }
@media (min-width: 832px) { @media (min-width: 832px) {
.sidebar { .sidebar {
columns: 1; columns: 1;
padding-left: 3.2rem; padding-left: 0;
padding-right: 0; padding-right: 0;
width: var(--sidebar-menu-width); width: var(--sidebar-menu-width);
margin: 0 0 0 auto; margin: 0 0 0 auto;

Loading…
Cancel
Save