From 55061932b8856bd1a816610755c34d1bd6ab2678 Mon Sep 17 00:00:00 2001
From: Thomas Kleinke <thomas.kleinke@dainst.de>
Date: Thu, 8 Dec 2022 15:10:04 +0100
Subject: [PATCH] Do not show hover effects on category items while dragging
 element [notarize]

---
 .../configuration/configuration.scss          | 26 +++++++++++++++++--
 .../components/widgets/category-picker.scss   |  2 +-
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/desktop/src/app/components/configuration/configuration.scss b/desktop/src/app/components/configuration/configuration.scss
index 5455ed9fd6..16ef36a220 100644
--- a/desktop/src/app/components/configuration/configuration.scss
+++ b/desktop/src/app/components/configuration/configuration.scss
@@ -119,18 +119,40 @@
       overflow-x: hidden;
 
       category-picker {
+        .category-picker.dragging {
+          .list-group-item:not(.selected-category) .category-item:hover {
+            background-color: #fff !important;
+          }
+
+          .custom-category:not(.selected-category) {
+            .category-item:hover {
+              background-color: $custom-highlight-color !important;
+            }
+          }
+        }
+        .category-picker:not(.dragging) {
+          .category-item:hover {
+            background-color: $list-item-hover-color !important;
+            transition: background-color .5s ease;
+          }
+
+          .custom-category {
+            .category-item:hover {
+              background-color: darken($custom-highlight-color, 5%) !important;
+            }
+          }
+        }
+
         .category-item {
           transition: background-color .25s ease;
         }
 
-        .category-item:hover,
         .selected-category .category-item {
           background-color: $list-item-hover-color !important;
           transition: background-color .5s ease;
         }
 
         .custom-category {
-          .category-item:hover,
           &.selected-category .category-item {
             background-color: darken($custom-highlight-color, 5%) !important;
           }
diff --git a/desktop/src/app/components/widgets/category-picker.scss b/desktop/src/app/components/widgets/category-picker.scss
index 9855272598..2c9e28f546 100644
--- a/desktop/src/app/components/widgets/category-picker.scss
+++ b/desktop/src/app/components/widgets/category-picker.scss
@@ -48,7 +48,7 @@ category-picker {
       background-color: darken($list-item-hover-color, 5%) !important;
     }
 
-    &:hover {
+    &:not(.custom-category):hover {
       background-color: #fff;
     }
   }