diff --git a/superset-frontend/src/features/home/Menu.tsx b/superset-frontend/src/features/home/Menu.tsx index 56a2fd611e..67b72fc515 100644 --- a/superset-frontend/src/features/home/Menu.tsx +++ b/superset-frontend/src/features/home/Menu.tsx @@ -24,7 +24,7 @@ import { getUrlParam } from 'src/utils/urlUtils'; import { Row, Col, Grid } from 'src/components'; import { MainNav as DropdownMenu, MenuMode } from 'src/components/Menu'; import { Tooltip } from 'src/components/Tooltip'; -import { Link, useLocation } from 'react-router-dom'; +import { NavLink, useLocation } from 'react-router-dom'; import { GenericLink } from 'src/components/GenericLink/GenericLink'; import Icons from 'src/components/Icons'; import { useUiConfig } from 'src/components/UiConfigContext'; @@ -154,6 +154,29 @@ const globalStyles = (theme: SupersetTheme) => css` margin-left: ${theme.gridUnit * 1.75}px; } } + .ant-menu-item-selected { + background-color: transparent; + &:not(.ant-menu-item-active) { + color: inherit; + border-bottom-color: transparent; + & > a { + color: inherit; + } + } + } + .ant-menu-horizontal > .ant-menu-item:has(> .is-active) { + color: ${theme.colors.primary.base}; + border-bottom-color: ${theme.colors.primary.base}; + & > a { + color: ${theme.colors.primary.base}; + } + } + .ant-menu-vertical > .ant-menu-item:has(> .is-active) { + background-color: ${theme.colors.primary.light5}; + & > a { + color: ${theme.colors.primary.base}; + } + } `; const { SubMenu } = DropdownMenu; @@ -226,9 +249,9 @@ export function Menu({ if (url && isFrontendRoute) { return ( - + {label} - + ); } @@ -253,7 +276,13 @@ export function Menu({ return ( {child.isFrontendRoute ? ( - {child.label} + + {child.label} + ) : ( {child.label} )}