Logs: Fix Logs Pagination Button styling (#60219)

use css class rather css strings
This commit is contained in:
Sven Grossmann
2022-12-13 16:23:16 +01:00
committed by GitHub
parent 5f4435b693
commit ebd728a99a
@@ -51,7 +51,7 @@ export function LogsNavigationPages({
<button <button
type="button" type="button"
data-testid={`page${index + 1}`} data-testid={`page${index + 1}`}
className={styles.page} className={cx(clearButtonStyles(theme), styles.page)}
key={page.queryRange.to} key={page.queryRange.to}
onClick={() => { onClick={() => {
reportInteraction('grafana_explore_logs_pagination_clicked', { reportInteraction('grafana_explore_logs_pagination_clicked', {
@@ -102,7 +102,6 @@ const getStyles = (theme: GrafanaTheme2, loading: boolean) => {
flex-direction: column; flex-direction: column;
`, `,
page: css` page: css`
${clearButtonStyles(theme)}
display: flex; display: flex;
margin: ${theme.spacing(2)} 0; margin: ${theme.spacing(2)} 0;
cursor: ${loading ? 'auto' : 'pointer'}; cursor: ${loading ? 'auto' : 'pointer'};