Dashboard: Reduce scope of contain: strict to TextPanel (#75329)

This commit is contained in:
Leon Sorokin 2023-09-25 15:47:38 -05:00 committed by GitHub
parent be850b2cbb
commit ade0de5ae9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 3 deletions

View File

@ -403,7 +403,6 @@ const getStyles = (theme: GrafanaTheme2) => {
content: css({ content: css({
label: 'panel-content', label: 'panel-content',
flexGrow: 1, flexGrow: 1,
contain: 'strict',
}), }),
headerContainer: css({ headerContainer: css({
label: 'panel-header', label: 'panel-header',

View File

@ -51,7 +51,7 @@ export function TextPanel(props: Props) {
} }
return ( return (
<CustomScrollbar autoHeightMin="100%"> <CustomScrollbar autoHeightMin="100%" className={styles.containStrict}>
<DangerouslySetHtmlContent <DangerouslySetHtmlContent
html={processed.content} html={processed.content}
className={styles.markdown} className={styles.markdown}
@ -103,4 +103,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
height: 100%; height: 100%;
` `
), ),
containStrict: css({
contain: 'strict',
}),
}); });

View File

@ -46,7 +46,6 @@
padding: $panel-padding; padding: $panel-padding;
width: 100%; width: 100%;
flex-grow: 1; flex-grow: 1;
contain: strict;
height: calc(100% - #{$panel-header-height}); height: calc(100% - #{$panel-header-height});
&--no-padding { &--no-padding {