fix: nav button hover (#568)

gravity-ui · Sep 18, 2023 · e90fed5 · e90fed5
1 parent a92098a
commit e90fed5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/navigation/components/NavigationItem/NavigationItem.scss b/src/navigation/components/NavigationItem/NavigationItem.scss
@@ -14,9 +14,11 @@ $block: '.#{$ns}navigation-item';
     @include reset-link-style();
 
     &__content {
-        &:hover,
-        &:active {
-            color: var(--g-color-text-link);
+        &:not(#{&}_type_button) {
+            &:hover,
+            &:active {
+                color: var(--g-color-text-link);
+            }
         }
     }
 

diff --git a/src/navigation/components/NavigationItem/NavigationItem.tsx b/src/navigation/components/NavigationItem/NavigationItem.tsx
@@ -39,7 +39,7 @@ const NavigationItem: React.FC<NavigationItemProps> = ({
     return (
         <BlockIdContext.Provider value={ANALYTICS_ID}>
             <li className={b({'menu-layout': menuLayout}, className)}>
-                <Component {...componentProps} className={b('content')} />
+                <Component {...componentProps} className={b('content', {type})} />
             </li>
         </BlockIdContext.Provider>
     );