Fix sidebar scrolling behaviour
diff --git a/website-v2/src/css/customTheme.css b/website-v2/src/css/customTheme.css
index f0e7097..7240397 100644
--- a/website-v2/src/css/customTheme.css
+++ b/website-v2/src/css/customTheme.css
@@ -49,14 +49,20 @@
* Styling Sidebar's Version dropdown
*/
+.scroll-custom {
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ margin-top: var(--ifm-navbar-height);
+}
+
#sidebarCssSelector > div {
padding-top: 0 !important;
}
aside div div:has(nav.menu) {
- padding-top: 0 !important;
+ /*padding-top: 0 !important;*/
}
aside .custom-sidebar-version {
- margin-top: var(--ifm-navbar-height);
padding: 0.5rem 0 0 0.5rem;
}
diff --git a/website-v2/src/theme/DocSidebar/index.tsx b/website-v2/src/theme/DocSidebar/index.tsx
index 2e57fd1..c1ad309 100644
--- a/website-v2/src/theme/DocSidebar/index.tsx
+++ b/website-v2/src/theme/DocSidebar/index.tsx
@@ -5,12 +5,14 @@
export default function DocSidebarWrapper(props) {
return (
<>
+ <div className={"scroll-custom thin-scrollbar"}>
<div className="custom-sidebar-version">
<div className={"custom-sidebar-inner"}><span style={{ "display": "inline-block" }}>Version</span> <DocsVersionDropdownNavbarItem dropdownItemsBefore={[]} dropdownItemsAfter={[]} /></div>
</div>
<div id="sidebarCssSelector">
<DocSidebar {...props} />
</div>
+ </div>
</>
);
}
diff --git a/website-v2/versioned_sidebars/version-0.92.0-sidebars.json b/website-v2/versioned_sidebars/version-0.92.0-sidebars.json
index 5183531..f374d16 100644
--- a/website-v2/versioned_sidebars/version-0.92.0-sidebars.json
+++ b/website-v2/versioned_sidebars/version-0.92.0-sidebars.json
@@ -4,7 +4,7 @@
"user-guide-introduction",
"try-installation"
],
- "Concepts": [
+ "\uD83D\uDCA1 Concepts": [
"introduction",
"concepts-overview"
],
