Logs: Fix Logs Pagination Button styling (#60219)
use css class rather css strings
This commit is contained in:
@@ -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'};
|
||||||
|
|||||||
Reference in New Issue
Block a user