feat(CompositeBar): use uikit ActionTooltip instead of Tooltip (#217)

gravity-ui · Mar 27, 2024 · 4673f8c · 4673f8c
1 parent 06e26ef
commit 4673f8c
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/src/components/CompositeBar/Item/Item.scss b/src/components/CompositeBar/Item/Item.scss
@@ -50,6 +50,12 @@ $block: '.#{variables.$ns}composite-bar-item';
                 var(--gn-aside-header-general-item-icon-color, var(--_--item-general-icon-color))
             );
         }
+
+        // FIXME: fix hack in the next major
+        &-tooltip .g-action-tooltip__description {
+            color: var(--g-color-text-light-primary);
+            margin-block-start: 0px;
+        }
     }
 
     &__icon-place {

diff --git a/src/components/CompositeBar/Item/Item.tsx b/src/components/CompositeBar/Item/Item.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import {Icon, List, Popup, PopupPlacement, PopupProps, Tooltip} from '@gravity-ui/uikit';
+import {ActionTooltip, Icon, List, Popup, PopupPlacement, PopupProps} from '@gravity-ui/uikit';
 
 import {useAsideHeaderContext} from '../../AsideHeader/AsideHeaderContext';
 import {ASIDE_HEADER_ICON_SIZE} from '../../constants';
@@ -136,8 +136,9 @@ export const Item: React.FC<ItemInnerProps> = (props) => {
 
     const makeIconNode = (iconEl: React.ReactNode): React.ReactNode => {
         return compact ? (
-            <Tooltip
-                content={tooltipText}
+            <ActionTooltip
+                title=""
+                description={tooltipText}
                 disabled={!enableTooltip || (collapsedItem && open) || popupVisible}
                 placement="right"
                 className={b('icon-tooltip', {'item-type': type})}
@@ -149,7 +150,7 @@ export const Item: React.FC<ItemInnerProps> = (props) => {
                 >
                     {iconEl}
                 </div>
-            </Tooltip>
+            </ActionTooltip>
         ) : (
             iconEl
         );