From b57a9fe6497083c79469de5146887cc3c83b748b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= Date: Thu, 14 Oct 2021 23:19:23 +0200 Subject: [PATCH] Fix Switcher hovering issues when hidden --- src/style/molecules/_switcher.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/style/molecules/_switcher.scss b/src/style/molecules/_switcher.scss index fcb3c85..7cefc77 100644 --- a/src/style/molecules/_switcher.scss +++ b/src/style/molecules/_switcher.scss @@ -4,6 +4,7 @@ z-index: 101; bottom: 16px; left: 16px; + pointer-events: none; @include bp (sm) { bottom: 20px; @@ -21,7 +22,6 @@ background: $color-primary-tertiary20; border-radius: 12px; margin-bottom: 16px; - pointer-events: none; transform: translate3d(0, 8px, 0); box-shadow: 0 6px 6px $shadow-color, 0 12px 12px $shadow-color, 0 24px 24px $shadow-color; transition: opacity 0.8s var(--ease-quart), transform 0.8s var(--ease-quart); @@ -63,6 +63,7 @@ align-items: center; justify-content: center; padding: 0; + pointer-events: auto; background: $color-primary-tertiary20; border-radius: 100%; box-shadow: 0 6px 6px $shadow-color, 0 12px 12px $shadow-color, 0 24px 24px $shadow-color; @@ -104,6 +105,10 @@ opacity: 1; pointer-events: auto; transform: translate3d(0, 0, 0); + + a { + pointer-events: auto; + } } &__button {