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:
Anton Gunnarsson
2025-12-02 12:27:57 +00:00
parent 5da3e457cb
commit 7c247d7100
3 changed files with 40 additions and 90 deletions

View File

@@ -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 {