style: Dropdown menu maximum height display (#254)

casbin · Jul 28, 2024 · 4577082 · 4577082
1 parent 7f9cf67
commit 4577082
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/components/NavbarItems/Casdoor.js b/src/components/NavbarItems/Casdoor.js
@@ -24,7 +24,7 @@ function DefaultNavbarItemDesktop({
 }
 function DefaultNavbarItemMobile({className, isDropdownItem, ...props}) {
   return (
-    <li className="menu__list-item">
+    <li className="menu__list-item dropdown__menu">
       <NavbarNavLink className={clsx("menu__link", className)} {...props} />
     </li>
   );

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -260,6 +260,11 @@ div[class^="announcementBar_"] {
   font-size: 14px;
 }
 
+.dropdown__menu {
+  overflow: hidden;
+  max-height: 100vh;
+}
+
 /* doc sidebar */
 .menu__link {
   font-size: 14px;