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 index 7d08edf348..5846b60cd6 100644 --- 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));