IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Page: Remove Canvas background from primary background pages (#77008)

Browse Source 
* Remove canvas background for primary background pages

* refactor styles
This commit is contained in:
Josh Hunt 2023-11-01 12:58:18 +00:00 committed by GitHub
parent 20c0fbf92d
commit e8f0f6b7c8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 28 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/app/core/components/AppChrome/AppChrome.tsx
View File

@ -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}`,

43
public/app/core/components/Page/Page.tsx
View File

@ -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',