#6120 Corners & Shadows

Fixes #6120
surveyjs · Nov 25, 2024 · 2880f85 · 2880f85
1 parent 1d934b4
commit 2880f85
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/packages/survey-creator-core/src/components/page-navigator/page-navigator-item.scss b/packages/survey-creator-core/src/components/page-navigator/page-navigator-item.scss
@@ -84,7 +84,18 @@ svc-page-navigator-item,
   height: 100%;
   background-color: var(--ctr-page-navigator-item-background-color-hovered, $background);
 
-  box-shadow: var(--ctr-page-navigator-item-shadow-hovered-1-offset-x, 0px) var(--ctr-page-navigator-item-shadow-hovered-1-offset-y, 2px) var(--ctr-page-navigator-item-shadow-hovered-1-blur, 6px) var(--ctr-page-navigator-item-shadow-hovered-1-spread, 0px) var(--ctr-page-navigator-item-shadow-hovered-1-color, rgba(0, 76, 68, 0.10)), var(--ctr-page-navigator-item-shadow-hovered-2-offset-x, 0px) var(--ctr-page-navigator-item-shadow-hovered-2-offset-y, 1px) var(--ctr-page-navigator-item-shadow-hovered-2-blur, 2px) var(--ctr-page-navigator-item-shadow-hovered-2-spread, 0px) var(--ctr-page-navigator-item-shadow-hovered-2-color, rgba(0, 0, 0, 0.10));
+  box-shadow: 
+    var(--ctr-page-navigator-item-shadow-hovered-1-offset-x, 0px) 
+    var(--ctr-page-navigator-item-shadow-hovered-1-offset-y, 2px) 
+    var(--ctr-page-navigator-item-shadow-hovered-1-blur, 6px) 
+    var(--ctr-page-navigator-item-shadow-hovered-1-spread, 0px) 
+    var(--ctr-page-navigator-item-shadow-hovered-1-color, rgba(0, 0, 0, 0.1)),
+
+    var(--ctr-page-navigator-item-shadow-hovered-2-offset-x, 0px)
+    var(--ctr-page-navigator-item-shadow-hovered-2-offset-y, 0px)
+    var(--ctr-page-navigator-item-shadow-hovered-2-blur, 0px)
+    var(--ctr-page-navigator-item-shadow-hovered-2-spread, 0px)
+    var(--ctr-page-navigator-item-shadow-hovered-2-color, transparent);
   transition: opacity $creator-transition-duration;
 
   border-radius: var(--ctr-page-navigator-item-corner-radius, calcSize(12.5));