fix: add menu-item-content-children class name (#839)

gravity-ui · Jul 24, 2023 · 4519ea5 · 4519ea5
1 parent 4c900f4
commit 4519ea5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/DropdownMenu/DropdownMenu.scss b/src/components/DropdownMenu/DropdownMenu.scss
@@ -24,6 +24,10 @@ $block: '.#{variables.$ns}dropdown-menu';
         gap: 16px;
     }
 
+    &__menu-item-content-children {
+        flex: auto;
+    }
+
     &__sub-menu {
         position: relative;
 

diff --git a/src/components/DropdownMenu/DropdownMenuItem.tsx b/src/components/DropdownMenu/DropdownMenuItem.tsx
@@ -101,7 +101,9 @@ export const DropdownMenuItem = <T,>({
                 onClick={handleMenuItemClick}
             >
                 <div className={cnDropdownMenu('menu-item-content')}>
-                    <div>{text || children}</div>
+                    <div className={cnDropdownMenu('menu-item-content-children')}>
+                        {text || children}
+                    </div>
                     {hasSubmenu && <Icon data={ChevronRight} size={10} />}
                 </div>
             </Menu.Item>