Allow the hover color for the remove contstraint link to be customized

projectblacklight · Aug 21, 2024 · e3bc433 · e3bc433
1 parent 6d1d288
commit e3bc433
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/app/assets/stylesheets/blacklight/_constraints.scss b/app/assets/stylesheets/blacklight/_constraints.scss
@@ -44,7 +44,12 @@
     padding-left: $caret-width;
   }
 
-  .remove:hover, .remove:active {
-    @extend .btn-danger;
+  .remove {
+    --bs-btn-hover-bg: var(--bl-constraint-remove-hover-bg);
+    --bs-btn-hover-border-color: var(--bl-constraint-remove-hover-border-color);
+    --bs-btn-active-bg: var(--bl-constraint-remove-hover-bg);
+    --bs-btn-active-border-color: var(
+      --bl-constraint-remove-hover-border-color
+    );
   }
 }
diff --git a/app/assets/stylesheets/blacklight/blacklight_defaults.scss b/app/assets/stylesheets/blacklight/blacklight_defaults.scss
@@ -14,6 +14,9 @@ $body-secondary-color: rgba($body-color, 0.75) !default;
 :root {
   --bs-secondary-color: #{$body-secondary-color}; /* for compatability with BS < 5.3  */
 
+  --bl-constraint-remove-hover-bg: #bb2d3b;
+  --bl-constraint-remove-hover-border-color: #bb2d3b;
+
   --bl-field-name-color: var(--bs-secondary-color);
   --bl-facet-remove-color: var(--bs-secondary-color);