diff --git a/.betterer.results b/.betterer.results index 519b4e4e053..247f135992f 100644 --- a/.betterer.results +++ b/.betterer.results @@ -1,5 +1,5 @@ // BETTERER RESULTS V2. -// +// // If this file contains merge conflicts, use `betterer merge` to automatically resolve them: // https://phenomnomnominal.github.io/betterer/docs/results-file/#merge // @@ -1194,9 +1194,6 @@ exports[`better eslint`] = { "public/app/core/components/AppChrome/News/NewsContainer.tsx:5381": [ [0, 0, 0, "Use data-testid for E2E selectors instead of aria-label", "0"] ], - "public/app/core/components/AppChrome/News/NewsWrapper.tsx:5381": [ - [0, 0, 0, "Styles should be written using objects.", "0"] - ], "public/app/core/components/AppChrome/SectionNav/SectionNavItem.tsx:5381": [ [0, 0, 0, "Use data-testid for E2E selectors instead of aria-label", "0"], [0, 0, 0, "Styles should be written using objects.", "1"], diff --git a/packages/grafana-ui/src/components/Drawer/Drawer.tsx b/packages/grafana-ui/src/components/Drawer/Drawer.tsx index 6161585074b..c167cdfcf65 100644 --- a/packages/grafana-ui/src/components/Drawer/Drawer.tsx +++ b/packages/grafana-ui/src/components/Drawer/Drawer.tsx @@ -133,9 +133,7 @@ export function Drawer({ )} {typeof title !== 'string' && title} -
- {!scrollableContent ? content : {content}} -
+ {!scrollableContent ? content : {content}} @@ -301,10 +299,6 @@ const getStyles = (theme: GrafanaTheme2) => { height: '100%', flexGrow: 1, }), - contentScroll: css({ - label: 'drawer-content', - flex: 1, - }), tabsWrapper: css({ label: 'drawer-tabs', paddingLeft: theme.spacing(2), diff --git a/public/app/core/components/AppChrome/News/NewsWrapper.tsx b/public/app/core/components/AppChrome/News/NewsWrapper.tsx index 7e37b1e4db9..022a18e4f1c 100644 --- a/public/app/core/components/AppChrome/News/NewsWrapper.tsx +++ b/public/app/core/components/AppChrome/News/NewsWrapper.tsx @@ -49,13 +49,13 @@ export function NewsWrapper({ feedUrl }: NewsWrapperProps) { const getStyles = (theme: GrafanaTheme2) => { return { - innerWrapper: css` - width: 100%; - height: 100%; - display: flex; - align-items: center; - justify-content: center; - `, + innerWrapper: css({ + width: '100%', + height: '100%', + display: 'flex', + alignItems: 'center', + justifyContent: 'center', + }), grot: css({ display: `flex`, alignItems: `center`,