flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix Switcher hovering issues when hidden

Browse Source
This commit is contained in:
Félix Péault
2021-10-14 23:19:23 +02:00
parent 2ea5cbecda
commit b57a9fe649
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/style/molecules/_switcher.scss
View File

@@ -4,6 +4,7 @@
z-index: 101; z-index: 101;
bottom: 16px; bottom: 16px;
left: 16px; left: 16px;
pointer-events: none;
@include bp (sm) { @include bp (sm) {
bottom: 20px; bottom: 20px;
@@ -21,7 +22,6 @@
background: $color-primary-tertiary20; background: $color-primary-tertiary20;
border-radius: 12px; border-radius: 12px;
margin-bottom: 16px; margin-bottom: 16px;
pointer-events: none;
transform: translate3d(0, 8px, 0); transform: translate3d(0, 8px, 0);
box-shadow: 0 6px 6px $shadow-color, 0 12px 12px $shadow-color, 0 24px 24px $shadow-color; 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); transition: opacity 0.8s var(--ease-quart), transform 0.8s var(--ease-quart);
@@ -63,6 +63,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 0; padding: 0;
pointer-events: auto;
background: $color-primary-tertiary20; background: $color-primary-tertiary20;
border-radius: 100%; border-radius: 100%;
box-shadow: 0 6px 6px $shadow-color, 0 12px 12px $shadow-color, 0 24px 24px $shadow-color; box-shadow: 0 6px 6px $shadow-color, 0 12px 12px $shadow-color, 0 24px 24px $shadow-color;
@@ -104,6 +105,10 @@
opacity: 1; opacity: 1;
pointer-events: auto; pointer-events: auto;
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
a {
pointer-events: auto;
}
} }
&__button { &__button {