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

This commit is contained in:
Leon Sorokin 2023-09-27 13:14:35 -05:00 committed by GitHub
parent 31933c9569
commit 6fc4e93f73
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 3 deletions

View File

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

View File

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

View File

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