From 60415996a8572d9488912cacb0e62536f72f437c Mon Sep 17 00:00:00 2001 From: Jay El-Kaake Date: Tue, 28 Jan 2025 10:21:09 -0500 Subject: [PATCH] Fix pagination button disabled state. --- app/assets/stylesheets/polaris_view_components.css | 11 +++++------ .../polaris_view_components/pagination.pcss | 11 ++++++----- 2 files changed, 11 insertions(+), 11 deletions(-) diff --git a/app/assets/stylesheets/polaris_view_components.css b/app/assets/stylesheets/polaris_view_components.css index bca242a7..0f6da1ed 100644 --- a/app/assets/stylesheets/polaris_view_components.css +++ b/app/assets/stylesheets/polaris_view_components.css @@ -595,14 +595,13 @@ font-size: var(--p-font-size-500); line-height: var(--p-font-line-height-600); }html[class~="Polaris-Summer-Editions-2023"] [aria-label='Pagination'] .Polaris-Button { - background-color: var(--p-color-bg-fill-tertiary); border: none !important; box-shadow: none; - }html[class~="Polaris-Summer-Editions-2023"] [aria-label='Pagination'] .Polaris-Button:hover { - background-color: var(--p-color-bg-fill-tertiary-hover); - box-shadow: none; - border: none; - }html[class~="Polaris-Summer-Editions-2023"] .Polaris-Popover .Polaris-Popover__Content .Polaris-Popover__Pane:first-child > .Polaris-Popover__Section > .Polaris-Box { + }html[class~="Polaris-Summer-Editions-2023"] [aria-label='Pagination'] .Polaris-Button:not([disabled]) { + background-color: var(--p-color-bg-fill-tertiary); + }html[class~="Polaris-Summer-Editions-2023"] [aria-label='Pagination'] .Polaris-Button:not([disabled]):hover { + background-color: var(--p-color-bg-fill-tertiary-hover); + }html[class~="Polaris-Summer-Editions-2023"] .Polaris-Popover .Polaris-Popover__Content .Polaris-Popover__Pane:first-child > .Polaris-Popover__Section > .Polaris-Box { padding: var(--p-space-300) var(--p-space-400) var(--p-space-100); }html[class~="Polaris-Summer-Editions-2023"] .Polaris-Popover .Polaris-Popover__Content .Polaris-Popover__Pane:last-child > .Polaris-Popover__Section > .Polaris-Box { padding: var(--p-space-300) var(--p-space-300); diff --git a/app/assets/stylesheets/polaris_view_components/pagination.pcss b/app/assets/stylesheets/polaris_view_components/pagination.pcss index 29d894f4..aa78a5e1 100644 --- a/app/assets/stylesheets/polaris_view_components/pagination.pcss +++ b/app/assets/stylesheets/polaris_view_components/pagination.pcss @@ -1,13 +1,14 @@ html[class~="Polaris-Summer-Editions-2023"] [aria-label='Pagination'] { .Polaris-Button { - background-color: var(--p-color-bg-fill-tertiary); border: none !important; box-shadow: none; - &:hover { - background-color: var(--p-color-bg-fill-tertiary-hover); - box-shadow: none; - border: none; + &:not([disabled]) { + background-color: var(--p-color-bg-fill-tertiary); + + &:hover { + background-color: var(--p-color-bg-fill-tertiary-hover); + } } } }