mirror of
https://github.com/qdrant/landing_page.git
synced 2026-09-30 16:38:31 +02:00
Foldable documentation menu for mobiles (#353)
* foldable documentation menu for mobiles * regenerated css * Update qdrant-landing/themes/qdrant/layouts/partials/docs_sidebar.html Co-authored-by: Andrey Vasnetsov <andrey@vasnetsov.com> --------- Co-authored-by: Andrey Vasnetsov <andrey@vasnetsov.com>
This commit is contained in:
co-authored by
Andrey Vasnetsov
parent
2940619da3
commit
eb148d545f
@@ -42,15 +42,21 @@
|
||||
}
|
||||
|
||||
&__sidebar-inner {
|
||||
display: none;
|
||||
top: lib.rem(8);
|
||||
@include media-breakpoint-up(md) {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
&__sidebar-list {
|
||||
max-height: calc(100vh - 90px);
|
||||
overflow-y: scroll;
|
||||
-ms-overflow-style: none; /* IE and Edge */
|
||||
scrollbar-width: none; /* Firefox */
|
||||
scroll-behavior: smooth;
|
||||
@include media-breakpoint-up(md) {
|
||||
-ms-overflow-style: none; /* IE and Edge */
|
||||
scrollbar-width: none; /* Firefox */
|
||||
scroll-behavior: smooth;
|
||||
overflow-y: scroll;
|
||||
max-height: calc(100vh - 90px);
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
@@ -122,4 +128,24 @@
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 0.3rem;
|
||||
}
|
||||
|
||||
&__sidebar-toggle {
|
||||
& i:after {
|
||||
display: inline-block;
|
||||
width: lib.rem(18);
|
||||
height: lib.rem(18);
|
||||
content: "\f078";
|
||||
text-align: center;
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-size: lib.rem(18);
|
||||
font-weight: 600;
|
||||
color: white;
|
||||
font-style: normal;
|
||||
}
|
||||
&.active {
|
||||
& i:after {
|
||||
content: "\f077";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user