From 90dc36f57e1407a4580f04fb5ac088b348b22aa6 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.

Signed-off-by: Caroline Cyr La Rose <caroline.cyr-la-rose@inlibro.com>
Signed-off-by: Nick Clemens <nick@bywatersolutions.com>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
---
 .../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 792636c5fd..9023024c0b 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.39.5