From 77e6398efbda9945cd52d293cd8b13ff244bf5c5 Mon Sep 17 00:00:00 2001 From: Jacob Shandling <61553566+jacobshandling@users.noreply.github.com> Date: Tue, 29 Nov 2022 13:39:09 -0800 Subject: [PATCH] UI: Prevent bg color change of disabled pagination buttons in Activity card (#8859) * Add negation pseuodo-class to button hover to prevent bg color change when disabled * change file Co-authored-by: Jacob Shandling --- changes/issue-8392-improve-pagination | 1 + frontend/pages/DashboardPage/cards/ActivityFeed/_styles.scss | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) create mode 100644 changes/issue-8392-improve-pagination diff --git a/changes/issue-8392-improve-pagination b/changes/issue-8392-improve-pagination new file mode 100644 index 0000000000..6584f65935 --- /dev/null +++ b/changes/issue-8392-improve-pagination @@ -0,0 +1 @@ +- Prevent background color change for disabled pagination buttons on Activity card diff --git a/frontend/pages/DashboardPage/cards/ActivityFeed/_styles.scss b/frontend/pages/DashboardPage/cards/ActivityFeed/_styles.scss index 8befd8e9b5..0657a49523 100644 --- a/frontend/pages/DashboardPage/cards/ActivityFeed/_styles.scss +++ b/frontend/pages/DashboardPage/cards/ActivityFeed/_styles.scss @@ -48,7 +48,7 @@ margin-right: $pad-large; } - &:hover, + &:hover:not(.button--disabled), &:focus { background-color: $ui-vibrant-blue-10; }