Row: Fixes issue with row content going outside it's bounds (#103350)

* Row: Fixes issue with row grid going outside it's bounds

* updated fix
pull/103466/head
Torkel Ödegaard 4 months ago committed by GitHub
parent 800aa7827d
commit 25508c620e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
  1. 3
      public/app/features/dashboard-scene/scene/layout-rows/RowItemRenderer.tsx

@ -145,7 +145,6 @@ export function RowItemRenderer({ model }: SceneComponentProps<RowItem>) {
function getStyles(theme: GrafanaTheme2) { function getStyles(theme: GrafanaTheme2) {
return { return {
rowHeader: css({ rowHeader: css({
width: '100%',
display: 'flex', display: 'flex',
gap: theme.spacing(1), gap: theme.spacing(1),
padding: theme.spacing(0.5, 0.5, 0.5, 0), padding: theme.spacing(0.5, 0.5, 0.5, 0),
@ -193,13 +192,13 @@ function getStyles(theme: GrafanaTheme2) {
wrapper: css({ wrapper: css({
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
width: '100%',
minHeight: '100px', minHeight: '100px',
}), }),
wrapperNotCollapsed: css({ wrapperNotCollapsed: css({
'> div:nth-child(2)': { '> div:nth-child(2)': {
marginLeft: theme.spacing(3), marginLeft: theme.spacing(3),
position: 'relative', position: 'relative',
width: 'auto',
'&:before': { '&:before': {
content: '""', content: '""',

Loading…
Cancel
Save