diff --git a/superset-frontend/src/components/Menu/index.tsx b/superset-frontend/src/components/Menu/index.tsx index 988f9160c6ad..73858bc92e91 100644 --- a/superset-frontend/src/components/Menu/index.tsx +++ b/superset-frontend/src/components/Menu/index.tsx @@ -25,8 +25,8 @@ const MenuItem = styled(AntdMenu.Item)` } &.ant-menu-item { - height: ${({ theme }) => theme.gridUnit * 7}px; - line-height: ${({ theme }) => theme.gridUnit * 7}px; + height: ${({ theme }) => theme.gridUnit * 8}px; + line-height: ${({ theme }) => theme.gridUnit * 8}px; a { border-bottom: none; transition: background-color ${({ theme }) => theme.transitionTiming}s; diff --git a/superset-frontend/src/views/components/SubMenu.tsx b/superset-frontend/src/views/components/SubMenu.tsx index 617f9748a0d7..e51c1e8eca8c 100644 --- a/superset-frontend/src/views/components/SubMenu.tsx +++ b/superset-frontend/src/views/components/SubMenu.tsx @@ -97,7 +97,8 @@ const StyledHeader = styled.div` a { margin: 0; - padding: ${({ theme }) => theme.gridUnit * 4}px; + padding: ${({ theme }) => theme.gridUnit * 2}px + ${({ theme }) => theme.gridUnit * 4}px; line-height: ${({ theme }) => theme.gridUnit * 5}px; &:hover { @@ -112,7 +113,8 @@ const StyledHeader = styled.div` } &.active a { - text-decoration: underline; + background: ${({ theme }) => theme.colors.secondary.light4}; + border-radius: ${({ theme }) => theme.borderRadius}px; } } @@ -122,7 +124,8 @@ const StyledHeader = styled.div` li > a:hover, li > a:focus, li > div:hover, - div > div:hover { + div > div:hover, + div > a:hover { background: ${({ theme }) => theme.colors.secondary.light4}; border-bottom: none; border-radius: ${({ theme }) => theme.borderRadius}px;