From dca628c657dba98da6808716f06c723174402240 Mon Sep 17 00:00:00 2001
From: Owen Leonard <oleonard@myacpl.org>
Date: Tue, 21 Mar 2023 12:08:04 +0000
Subject: [PATCH] Bug 33272: Color of the "(remove)" link when an item is in
 the cart (OPAC)

This patch improves the CSS for styling the OPAC cart's "remove" link in
search results so that the color is consistent within alternating table
row colors.

To test, apply the patch and rebuild the OPAC CSS.

- Perform a search in the OPAC which will return multiple results.
- Click the "Add to cart" link next to multiple results.
- The "remove" link which appears should be the correct red color
  whether the table row background is white or grey.
---
 .../opac-tmpl/bootstrap/css/src/opac.scss     | 22 +++++++++++++------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss
index 31d2e3dc3a..c83dd097d5 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss
+++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss
@@ -60,17 +60,21 @@
     }
 }
 
+@mixin cartRemove {
+    color: #900;
+    font-size: 90%;
+    padding-left: 0;
+
+    &:hover {
+        color: #C60000;
+    }
+}
+
 a {
     &:link,
     &:visited {
         &.cartRemove {
-            color: #900;
-            font-size: 90%;
-            padding-left: 0;
-
-            &:hover {
-                color: #C60000;
-            }
+            @include cartRemove();
         }
     }
 
@@ -657,6 +661,10 @@ th {
 
             &.btn-link {
                 color: $links;
+
+                &.cartRemove {
+                    @include cartRemove();
+                }
             }
         }
     }
-- 
2.30.2