[NO JIRA] Fix project's disabled menu

diff --git a/server/sonar-web/design-system/src/components/NavBarTabs.tsx b/server/sonar-web/design-system/src/components/NavBarTabs.tsx
index 710738cd454d4ce9dee239d18325037d8286f44d..17a2b2bff8877a21ff0589ddb2361522ad664c28 100644 (file)
--- a/server/sonar-web/design-system/src/components/NavBarTabs.tsx
+++ b/server/sonar-web/design-system/src/components/NavBarTabs.tsx
@@ -24,9 +24,9 @@ import React from 'react';
 import tw, { theme } from 'twin.macro';
 import { themeBorder, themeColor, themeContrast } from '../helpers/theme';
 import { isDefined } from '../helpers/types';
-import { ChevronDownIcon } from './icons/ChevronDownIcon';
 import NavLink, { NavLinkProps } from './NavLink';
 import Tooltip from './Tooltip';
+import { ChevronDownIcon } from './icons/ChevronDownIcon';
 
 interface Props extends React.HTMLAttributes<HTMLUListElement> {
   children?: React.ReactNode;
@@ -121,10 +121,10 @@ const NavBarTabLinkWrapper = styled.li`
     ${tw`sw-invisible`};
     content: attr(data-text);
   }
-  &:has(a.disabled-link) > a,
-  &:has(a.disabled-link) > a:hover,
-  &:has(a.disabled-link) > a.hover,
-  &:has(a.disabled-link)[aria-expanded='true'] {
+  & > a.disabled-link,
+  & > a.disabled-link:hover,
+  & > a.disabled-link.hover,
+  & > a.disabled-link[aria-expanded='true'] {
     ${tw`sw-cursor-default`};
     border-bottom: ${themeBorder('xsActive', 'transparent', 1)};
     color: ${themeContrast('subnavigationDisabled')};