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