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

gravity-ui · Jul 24, 2023 · 4c53cdb · 4c53cdb
1 parent eca3534
commit 4c53cdb
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;
+    }
+
     &__menu-item-chevron {
         transform: rotate(-90deg);
     }

diff --git a/src/components/DropdownMenu/DropdownMenuItem.tsx b/src/components/DropdownMenu/DropdownMenuItem.tsx
@@ -100,7 +100,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={Chevron}