fix(ui): correct mobile display, hide sidebar button on desktops

stibel · stibel · commit 009a7472c876 · 2025-11-03T12:02:55.000+01:00
diff --git a/apps/website/src/css/custom.scss b/apps/website/src/css/custom.scss
@@ -140,7 +140,6 @@ html[data-theme='dark'] {
   }
 }
 
-
 .DocSearch-Button {
   border-radius: 0 !important;
 }
@@ -178,6 +177,7 @@ html[data-theme='dark'] {
   &#{&}--sublist#{&}--active {
     --ifm-menu-color-active: var(--ifm-color-primary);
     color: var(--ifm-menu-color-active);
+    overflow: hidden;
   }
   &--sublist {
     text-transform: uppercase;
diff --git a/apps/website/src/theme/DocSidebar/styles.module.css b/apps/website/src/theme/DocSidebar/styles.module.css
@@ -91,6 +91,11 @@
   html[data-theme='dark'] .collapseSidebarButton:focus {
     background-color: var(--ifm-color-emphasis-200);
   }
+
+  /* Hide the responsive sidebar toggle button on desktop */
+  :global(.menu__button) {
+    display: none !important;
+  }
 }
 
 .sidebarLogo,

Original file line number	Diff line number	Diff line change
`@@ -140,7 +140,6 @@ html[data-theme='dark'] {`
`140`	`140`	`}`
`141`	`141`	`}`
`142`	`142`
`143`		`-`
`144`	`143`	`.DocSearch-Button {`
`145`	`144`	`border-radius: 0 !important;`
`146`	`145`	`}`
`@@ -178,6 +177,7 @@ html[data-theme='dark'] {`
`178`	`177`	`&#{&}--sublist#{&}--active {`
`179`	`178`	`--ifm-menu-color-active: var(--ifm-color-primary);`
`180`	`179`	`color: var(--ifm-menu-color-active);`
	`180`	`+ overflow: hidden;`
`181`	`181`	`}`
`182`	`182`	`&--sublist {`
`183`	`183`	`text-transform: uppercase;`
Original file line number	Diff line number	Diff line change
`@@ -91,6 +91,11 @@`
`91`	`91`	`html[data-theme='dark'] .collapseSidebarButton:focus {`
`92`	`92`	`background-color: var(--ifm-color-emphasis-200);`
`93`	`93`	`}`
	`94`	`+`
	`95`	`+ /* Hide the responsive sidebar toggle button on desktop */`
	`96`	`+ :global(.menu__button) {`
	`97`	`+ display: none !important;`
	`98`	`+ }`
`94`	`99`	`}`
`95`	`100`
`96`	`101`	`.sidebarLogo,`