Merged in fix/sw-3645-mobile-menu-overlap (pull request #3260)
fix(SW-3645): Use same close button for mobile menus * Use same close button for mobile menus Approved-by: Linus Flood
This commit is contained in:
@@ -65,56 +65,6 @@
|
||||
padding: var(--Space-x3) var(--Space-x2) var(--Space-x4);
|
||||
flex-direction: column;
|
||||
gap: var(--Space-x2);
|
||||
|
||||
.closeModalBtn {
|
||||
position: fixed;
|
||||
top: calc(var(--Space-x2) + var(--alert-and-banner-height));
|
||||
right: var(--Space-x15);
|
||||
background-color: var(--SAS-Default);
|
||||
border: none;
|
||||
padding: var(--Space-x05);
|
||||
color: white;
|
||||
justify-self: flex-start;
|
||||
padding: 19px 8px 18px;
|
||||
user-select: none;
|
||||
|
||||
&:hover,
|
||||
&:hover:not(:disabled) {
|
||||
background-color: var(--SAS-Default);
|
||||
}
|
||||
|
||||
.bar,
|
||||
.bar::after,
|
||||
.bar::before {
|
||||
background: white;
|
||||
border-radius: 2.3px;
|
||||
display: block;
|
||||
height: 3px;
|
||||
position: relative;
|
||||
width: 32px;
|
||||
}
|
||||
.bar {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.bar::after,
|
||||
.bar::before {
|
||||
content: "";
|
||||
left: 0;
|
||||
position: absolute;
|
||||
transform-origin: 2.286px center;
|
||||
}
|
||||
|
||||
.bar::after {
|
||||
top: -8px;
|
||||
animation: openUpAfter 0.3s ease forwards;
|
||||
}
|
||||
|
||||
.bar::before {
|
||||
top: 8px;
|
||||
animation: openUpBefore 0.3s ease forwards;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes openUpAfter {
|
||||
|
||||
Reference in New Issue
Block a user