fix: change the z-index of the dropdown (#1442)

12rambau · web-flow · commit e2279d95e5e1 · 2023-09-15T08:50:00.000-05:00
In order to be on top of the primary sidebar on small screens.
diff --git a/src/pydata_sphinx_theme/assets/styles/components/_switcher-version.scss b/src/pydata_sphinx_theme/assets/styles/components/_switcher-version.scss
@@ -53,6 +53,7 @@ button.btn.version-switcher__button {
 button.version-switcher__button,
 .version-switcher__menu {
   font-size: 1.1em; // A bit smaller than other menu font
+  z-index: $zindex-modal; // higher than the sidebars
   @include media-breakpoint-up($breakpoint-sidebar-primary) {
     font-size: unset;
   }

Original file line number	Diff line number	Diff line change
`@@ -53,6 +53,7 @@ button.btn.version-switcher__button {`
`53`	`53`	`button.version-switcher__button,`
`54`	`54`	`.version-switcher__menu {`
`55`	`55`	`font-size: 1.1em; // A bit smaller than other menu font`
	`56`	`+ z-index: $zindex-modal; // higher than the sidebars`
`56`	`57`	`@include media-breakpoint-up($breakpoint-sidebar-primary) {`
`57`	`58`	`font-size: unset;`
`58`	`59`	`}`