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

Dashboard: Smaller padding on Save dashboards sidebar when smaller screen (#75354)

Browse Source 
* content not scrollable

* not able to scroll the whole drawer

* reduce space inbetween drawer's title, subtitle, and tabs
This commit is contained in:
Polina Boneva 2023-09-29 14:21:31 +03:00 committed by GitHub
parent f842b47d78
commit d55c12c48e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/grafana-ui/src/components/Drawer/Drawer.tsx
View File

@ -274,8 +274,9 @@ const getStyles = (theme: GrafanaTheme2) => {
}, },
}), }),
header: css({ header: css({
label: 'drawer-header',
flexGrow: 0, flexGrow: 0,
padding: theme.spacing(3, 2), padding: theme.spacing(2, 2, 3),
borderBottom: `1px solid ${theme.colors.border.weak}`, borderBottom: `1px solid ${theme.colors.border.weak}`,
}), }),
headerWithTabs: css({ headerWithTabs: css({
@ -284,12 +285,14 @@ const getStyles = (theme: GrafanaTheme2) => {
actions: css({ actions: css({
position: 'absolute', position: 'absolute',
right: theme.spacing(1), right: theme.spacing(1),
top: theme.spacing(2), top: theme.spacing(1),
}), }),
titleWrapper: css({ titleWrapper: css({
label: 'drawer-title',
overflowWrap: 'break-word', overflowWrap: 'break-word',
}), }),
subtitle: css({ subtitle: css({
label: 'drawer-subtitle',
color: theme.colors.text.secondary, color: theme.colors.text.secondary,
paddingTop: theme.spacing(1), paddingTop: theme.spacing(1),
}), }),
@ -299,12 +302,13 @@ const getStyles = (theme: GrafanaTheme2) => {
flexGrow: 1, flexGrow: 1,
}), }),
contentScroll: css({ contentScroll: css({
minHeight: 0, label: 'drawer-content',
flex: 1, flex: 1,
}), }),
tabsWrapper: css({ tabsWrapper: css({
label: 'drawer-tabs',
paddingLeft: theme.spacing(2), paddingLeft: theme.spacing(2),
margin: theme.spacing(2, -1, -3, -3), margin: theme.spacing(0, -1, -3, -3),
}), }),
}; };
}; };