From 64a42315b99c58ba9b360f22095d5e551daff376 Mon Sep 17 00:00:00 2001 From: Bhoma38 Date: Thu, 13 Mar 2025 13:35:04 +0530 Subject: [PATCH] Fix for DSpace#2328 Highlighting the sidebar filter facets if any value is selected --- src/styles/_bootstrap_variables.scss | 1 + src/styles/_bootstrap_variables_mapping.scss | 2 ++ src/styles/_global-styles.scss | 2 ++ 3 files changed, 5 insertions(+) diff --git a/src/styles/_bootstrap_variables.scss b/src/styles/_bootstrap_variables.scss index fc470e44909..7fec6b46c2a 100644 --- a/src/styles/_bootstrap_variables.scss +++ b/src/styles/_bootstrap_variables.scss @@ -40,6 +40,7 @@ $warning: #ec9433 !default; // Orange $danger: #cf4444 !default; // Red $light: #f8f9fa !default; // As Bootstrap $gray-100 $dark: darken(#2b4e72, 17%) !default; // Blue gray (darker) +$highlightColor: rgba(30, 111, 144, 0.3) !default; // $info color with 0.3 opacity // Add new semantic colors here (you don't need to add existing semantic colors) $global-custom-semantic-colors: ( diff --git a/src/styles/_bootstrap_variables_mapping.scss b/src/styles/_bootstrap_variables_mapping.scss index 0cfa811b004..86bea32dc73 100644 --- a/src/styles/_bootstrap_variables_mapping.scss +++ b/src/styles/_bootstrap_variables_mapping.scss @@ -91,6 +91,8 @@ --bs-border-radius-lg: #{$bs-border-radius-lg}; + --bs-highlight-color: #{$highlightColor}; + } // Some Bootstrap CSS variables are tied to classes diff --git a/src/styles/_global-styles.scss b/src/styles/_global-styles.scss index 5fc005c7977..545bec5cb41 100644 --- a/src/styles/_global-styles.scss +++ b/src/styles/_global-styles.scss @@ -543,3 +543,5 @@ ngb-tooltip-window { // We use underline to discern link from text as we can't make color lighter on a white bg text-decoration: underline; } + +ds-search-filter .facet-filter:has([type="checkbox"]:checked) { background: var(--bs-highlight-color); } \ No newline at end of file