mirror of
https://github.com/grafana/grafana.git
synced 2026-09-05 04:40:13 -05:00
MegaMenu: Fixes mega menu showing scroll indicator when it shouldn't (#65452)
* MegaMenu: Fixes mega menu showing scroll indicator when it shouldn't * fixing css
This commit is contained in:
@@ -131,6 +131,8 @@ const getStyles = (theme: GrafanaTheme2, searchBarHidden?: boolean) => {
|
|||||||
top: searchBarHidden ? 0 : TOP_BAR_LEVEL_HEIGHT,
|
top: searchBarHidden ? 0 : TOP_BAR_LEVEL_HEIGHT,
|
||||||
backgroundColor: theme.colors.background.primary,
|
backgroundColor: theme.colors.background.primary,
|
||||||
boxSizing: 'content-box',
|
boxSizing: 'content-box',
|
||||||
|
flex: '1 1 0',
|
||||||
|
|
||||||
[theme.breakpoints.up('md')]: {
|
[theme.breakpoints.up('md')]: {
|
||||||
borderRight: `1px solid ${theme.colors.border.weak}`,
|
borderRight: `1px solid ${theme.colors.border.weak}`,
|
||||||
right: 'unset',
|
right: 'unset',
|
||||||
@@ -140,12 +142,15 @@ const getStyles = (theme: GrafanaTheme2, searchBarHidden?: boolean) => {
|
|||||||
content: css({
|
content: css({
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
flexDirection: 'column',
|
flexDirection: 'column',
|
||||||
overflow: 'auto',
|
flexGrow: 1,
|
||||||
|
minHeight: 0,
|
||||||
}),
|
}),
|
||||||
mobileHeader: css({
|
mobileHeader: css({
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
justifyContent: 'space-between',
|
justifyContent: 'space-between',
|
||||||
padding: theme.spacing(1, 2),
|
padding: theme.spacing(1, 1, 1, 2),
|
||||||
|
borderBottom: `1px solid ${theme.colors.border.weak}`,
|
||||||
|
|
||||||
[theme.breakpoints.up('md')]: {
|
[theme.breakpoints.up('md')]: {
|
||||||
display: 'none',
|
display: 'none',
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user