chore: reuse stylings #1887

h2oai · Apr 18, 2023 · 30f0121 · 30f0121
1 parent 60cc012
commit 30f0121
Showing 1 changed file with 2 additions and 8 deletions.
diff --git a/ui/src/button.tsx b/ui/src/button.tsx
@@ -21,6 +21,7 @@ import { cssVar, formItemWidth, padding } from './theme'
 import { Command, toCommands } from './toolbar'
 import { XToolTip } from './tooltip'
 import { wave } from './ui'
+import { fixMenuOverflowStyles } from './parts/utils'
 
 /**
  * Create a button.
@@ -114,13 +115,6 @@ const
     center: 'center',
     between: 'space-between',
     around: 'space-around',
-  },
-  // Fixes the vertical scrollbar for menu items with icons.
-  subComponentStyles: Partial<Fluent.IContextualMenuSubComponentStyles> = {
-    menuItem: {
-      icon: { lineHeight: 'initial' },
-      subMenuIcon: { lineHeight: 'initial', height: 'auto' },
-    }
   }
 
 const
@@ -171,7 +165,7 @@ const
       iconProps: { iconName: icon },
       menuProps: commands ? {
         items: toCommands(commands),
-        styles: { subComponentStyles }
+        styles: fixMenuOverflowStyles
       } : undefined,
       split: !!commands
     }