icon alignment and toolbar menu workaround

carbon-design-system · Nov 14, 2024 · 8b04669 · 8b04669
1 parent 8deb2ee
commit 8b04669
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 16 deletions.
diff --git a/packages/react/src/components/OverflowMenu/index.jsx b/packages/react/src/components/OverflowMenu/index.jsx
@@ -609,22 +609,22 @@ export const OverflowMenu = ({
     useAutoPositioning,
   });
 
-  const langDir = useLangDirection();
-
-  if (withCarbonTooltip) {
-    return (
-      <IotOverflowMenu
-        data-testid={testId}
-        {...props}
-        direction={adjustedDirection}
-        flipped={adjustedFlipped}
-        menuOffset={calculateMenuOffset}
-        menuOffsetFlip={calculateMenuOffset}
-        langDir={langDir}
-        buttonLabel={buttonLabel}
-      />
-    );
-  }
+  // TODO - need to find out why not working in Table toolbar menu button.
+  // const langDir = useLangDirection() || 'ltr'
+  // if (withCarbonTooltip) {
+  //   return (
+  //     <IotOverflowMenu
+  //       data-testid={testId}
+  //       {...props}
+  //       direction={adjustedDirection}
+  //       flipped={adjustedFlipped}
+  //       menuOffset={calculateMenuOffset}
+  //       menuOffsetFlip={calculateMenuOffset}
+  //       langDir={'ltr'}
+  //       buttonLabel={buttonLabel}
+  //     />
+  //   );
+  // }
 
   return (
     <CarbonOverflowMenu

diff --git a/packages/react/src/components/Table/TableToolbar/_table-toolbar-svg-button.scss b/packages/react/src/components/Table/TableToolbar/_table-toolbar-svg-button.scss
@@ -8,6 +8,7 @@
 button.#{$iot-prefix}--tooltip-svg-wrapper,
 .#{$iot-prefix}--tooltip-svg-wrapper.#{$prefix}--btn--ghost:hover {
   color: $gray-70; //$carbon--gray-70
+  justify-content: center;
 }
 button.#{$prefix}--btn.#{$iot-prefix}--tooltip-svg-wrapper.#{$prefix}--btn--ghost {
   border: 0;