From 4396f7d6ba7ff40d3f819daab34f5cf017c40458 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 23 Apr 2024 09:13:10 -0300
Subject: [PATCH] Fill thumb_down icon on hover

---
 src/css/app.scss               | 5 +++++
 src/pages/Item/ItemRequest.vue | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/css/app.scss b/src/css/app.scss
index c6848ff63..6974676a3 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -111,6 +111,11 @@ select:-webkit-autofill {
     font-variation-settings: 'FILL' 1;
 }
 
+.fill-icon-on-hover:hover {
+    font-variation-settings: 'FILL' 1;
+    cursor: pointer;
+}
+
 .vn-table-separation-row {
     height: 16px !important;
     background-color: var(--vn-section-color) !important;
diff --git a/src/pages/Item/ItemRequest.vue b/src/pages/Item/ItemRequest.vue
index 1db1f67fc..18d86da6f 100644
--- a/src/pages/Item/ItemRequest.vue
+++ b/src/pages/Item/ItemRequest.vue
@@ -331,7 +331,7 @@ onBeforeMount(() => {
                         name="thumb_down"
                         color="primary"
                         size="sm"
-                        class="cursor-pointer"
+                        class="fill-icon-on-hover"
                         @click="showDenyRequestForm(row.id, rowIndex)"
                     >
                         <QTooltip>