feat: menu item text now breaks by default if the text is long. fix #…

…2148, #1924
saadeghi · Jul 24, 2023 · 8c53efe · 8c53efe
1 parent 4d31473
commit 8c53efe
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/styled/menu.css b/src/components/styled/menu.css
@@ -16,6 +16,7 @@
 .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
 .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
   @apply px-4 py-2 rounded-btn transition duration-200 ease-in-out text-left;
+  text-wrap: balance;
 }
 
 :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)),

diff --git a/src/components/unstyled/menu.css b/src/components/unstyled/menu.css
@@ -6,7 +6,7 @@
   :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
   :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
     @apply grid grid-flow-col items-center gap-2 content-start;
-    grid-auto-columns: max-content auto max-content;
+    grid-auto-columns: minmax(auto, max-content) auto max-content;
     user-select: none;
   }
   & li.disabled {