Skip to content

Commit

Permalink
fix hovermenu styles
Browse files Browse the repository at this point in the history
  • Loading branch information
pkdotson committed Oct 27, 2021
1 parent ea2cd3f commit 43cc98b
Showing 1 changed file with 9 additions and 9 deletions.
18 changes: 9 additions & 9 deletions superset-frontend/src/dashboard/components/menu/HoverMenu.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -30,32 +30,32 @@ const HoverStyleOverrides = styled.div`
.hover-menu {
opacity: 0;
position: absolute;
z-index: @z-index-above-dashboard-charts;
font-size: @font-size-m;
z-index: 10;
font-size: ${({ theme }) => theme.typography.sizes.m};
}
.hover-menu--left {
width: 24px;
width: ${({ theme }) => theme.gridUnit * 6}px;
top: 50%;
transform: translate(0, -50%);
left: -28px;
padding: 8px 0;
left: ${({ theme }) => theme.gridUnit * -7}px;
padding: ${({ theme }) => theme.gridUnit * 2}px 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.hover-menu--left > :nth-child(n):not(:only-child):not(:last-child) {
margin-bottom: 12px;
margin-bottom: ${({ theme }) => theme.gridUnit * 3}px;
}
.hover-menu--top {
height: 24px;
top: -24px;
height: ${({ theme }) => theme.gridUnit * 6}px;
top: ${({ theme }) => theme.gridUnit * -6}px;
left: 50%;
transform: translate(-50%);
padding: 0 8px;
padding: 0 ${({ theme }) => theme.gridUnit * 2}px;
display: flex;
flex-direction: row;
justify-content: center;
Expand Down

0 comments on commit 43cc98b

Please sign in to comment.