From 8c92885520d24e5cfca036d74df376f2c22274b1 Mon Sep 17 00:00:00 2001
From: tischsoic <symfiz@gmail.com>
Date: Thu, 20 Jul 2023 16:01:08 +0200
Subject: [PATCH] IBX-3675: Fix unavailable state styling of PB sidebar blocks
 (d&d)

---
 .../public/scss/mixins/_drag-and-drop.scss    | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/bundle/Resources/public/scss/mixins/_drag-and-drop.scss b/src/bundle/Resources/public/scss/mixins/_drag-and-drop.scss
index 7560a91523..9ab34e477b 100644
--- a/src/bundle/Resources/public/scss/mixins/_drag-and-drop.scss
+++ b/src/bundle/Resources/public/scss/mixins/_drag-and-drop.scss
@@ -114,7 +114,7 @@
         margin-bottom: calculateRem(24px);
     }
 
-    &:hover {
+    &:hover:not(&--unavailable) {
         #{$self}__content {
             border-color: $ibexa-color-dark;
             transform: scale(1.02) translateX(-10px);
@@ -171,15 +171,18 @@
     }
 
     &--unavailable {
-        opacity: 0.5;
+        cursor: not-allowed;
 
-        &:hover {
-            #{$self}__content {
-                border-color: $ibexa-color-light;
-                background: $ibexa-color-light-400;
-                transform: none;
-                box-shadow: calculateRem(4px) calculateRem(2px) calculateRem(17px) 0 rgba($ibexa-color-info, 0.05);
-            }
+        #{$self}__content {
+            color: $ibexa-color-dark-300;
+            fill: $ibexa-color-dark-300;
+            border-color: $ibexa-color-light-300;
+            background: $ibexa-color-light-300;
+            box-shadow: none;
+        }
+
+        #{$self}__drag-icon {
+            fill: $ibexa-color-dark-300;
         }
     }