mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
Page: Remove Canvas background from primary background pages (#77008)
* Remove canvas background for primary background pages * refactor styles
This commit is contained in:
parent
20c0fbf92d
commit
e8f0f6b7c8
@ -141,7 +141,7 @@ const getStyles = (theme: GrafanaTheme2) => {
|
||||
zIndex: theme.zIndex.navbarFixed,
|
||||
left: 0,
|
||||
right: 0,
|
||||
boxShadow: shadow,
|
||||
boxShadow: config.featureToggles.dockedMegaMenu ? undefined : shadow,
|
||||
background: theme.colors.background.primary,
|
||||
flexDirection: 'column',
|
||||
borderBottom: `1px solid ${theme.colors.border.weak}`,
|
||||
|
@ -96,23 +96,34 @@ const getStyles = (theme: GrafanaTheme2) => {
|
||||
label: 'page-content',
|
||||
flexGrow: 1,
|
||||
}),
|
||||
pageInner: css({
|
||||
label: 'page-inner',
|
||||
padding: theme.spacing(2),
|
||||
borderRadius: theme.shape.radius.default,
|
||||
border: `1px solid ${theme.colors.border.weak}`,
|
||||
borderBottom: 'none',
|
||||
background: theme.colors.background.primary,
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
flexGrow: 1,
|
||||
margin: theme.spacing(0, 0, 0, 0),
|
||||
|
||||
[theme.breakpoints.up('md')]: {
|
||||
margin: theme.spacing(2, 2, 0, config.featureToggles.dockedMegaMenu ? 2 : 1),
|
||||
padding: theme.spacing(3),
|
||||
pageInner: css(
|
||||
{
|
||||
label: 'page-inner',
|
||||
padding: theme.spacing(2),
|
||||
borderBottom: 'none',
|
||||
background: theme.colors.background.primary,
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
flexGrow: 1,
|
||||
margin: theme.spacing(0, 0, 0, 0),
|
||||
},
|
||||
}),
|
||||
config.featureToggles.dockedMegaMenu
|
||||
? {
|
||||
[theme.breakpoints.up('md')]: {
|
||||
padding: theme.spacing(4),
|
||||
},
|
||||
}
|
||||
: {
|
||||
borderRadius: theme.shape.radius.default,
|
||||
border: `1px solid ${theme.colors.border.weak}`,
|
||||
|
||||
[theme.breakpoints.up('md')]: {
|
||||
margin: theme.spacing(2, 2, 0, 1),
|
||||
padding: theme.spacing(3),
|
||||
},
|
||||
}
|
||||
),
|
||||
|
||||
canvasContent: css({
|
||||
label: 'canvas-content',
|
||||
display: 'flex',
|
||||
|
Loading…
Reference in New Issue
Block a user