Panel: Fix text aliasing bug when panel is loading (#89538)

* place loading bar animation in its own stacking context to prevent aliasing of text

* add comment
This commit is contained in:
Ashley Harrison 2024-06-21 14:40:51 +01:00 committed by GitHub
parent 89337ea01f
commit 3c15781788
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -423,6 +423,10 @@ const getStyles = (theme: GrafanaTheme2) => {
position: 'absolute',
top: 0,
width: '100%',
// this is to force the loading bar container to create a new stacking context
// otherwise, in webkit browsers on windows/linux, the aliasing of panel text changes when the loading bar is shown
// see https://github.com/grafana/grafana/issues/88104
zIndex: 1,
}),
containNone: css({
contain: 'none',