Do not show hover effects on category items while dragging element [n…

…otarize]
dainst · Dec 8, 2022 · 5506193 · 5506193
1 parent c767666
commit 5506193
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 3 deletions.
diff --git 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
@@ -48,7 +48,7 @@ category-picker {
       background-color: darken($list-item-hover-color, 5%) !important;
     }
 
-    &:hover {
+    &:not(.custom-category):hover {
       background-color: #fff;
     }
   }