2791f07f67
Fix/mypages clientside menu * feat: move mypages menu to client side * Merge branch 'master' of bitbucket.org:scandic-swap/web into fix/mypages-clientside-menu * wip * wip * wip * refactor: reorganize MyPages navigation logic and improve type definitions * refactor: enhance MyPagesMobileDropdown with loading states and skeletons * refactor: clean up header component and improve myPagesNavigation query structure * Merge branch 'master' of bitbucket.org:scandic-swap/web into fix/mypages-clientside-menu Approved-by: Linus Flood
68 lines
1.2 KiB
CSS
68 lines
1.2 KiB
CSS
.navigationMenu {
|
|
background-color: #fff;
|
|
border-top: 1px solid #e3e0db;
|
|
display: none;
|
|
list-style: none;
|
|
overflow-y: visible;
|
|
margin: 0;
|
|
padding-inline-start: 0;
|
|
}
|
|
|
|
.navigationMenu.navigationMenuIsOpen {
|
|
display: block;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 100%;
|
|
}
|
|
|
|
.dropdownWrapper {
|
|
display: flex;
|
|
width: 100%;
|
|
padding: 20px var(--Spacing-x2);
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
background-color: var(--Main-Grey-White);
|
|
box-shadow:
|
|
0px 276px 77px 0px rgba(0, 0, 0, 0),
|
|
0px 177px 71px 0px rgba(0, 0, 0, 0.01),
|
|
0px 99px 60px 0px rgba(0, 0, 0, 0.05),
|
|
0px 44px 44px 0px rgba(0, 0, 0, 0.09),
|
|
0px 11px 24px 0px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.dividerWrapper {
|
|
background-color: var(--Main-Grey-White);
|
|
padding: 0 var(--Spacing-x2);
|
|
margin: auto;
|
|
place-content: center;
|
|
display: flex;
|
|
}
|
|
|
|
.heading {
|
|
padding: 20px var(--Spacing-x2);
|
|
}
|
|
|
|
.dropdownLinks {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--Spacing-x-half);
|
|
width: 100%;
|
|
list-style: none;
|
|
}
|
|
|
|
@media screen and (min-width: 1367px) {
|
|
.navigationMenu {
|
|
display: none;
|
|
}
|
|
|
|
.navigationMenu.navigationMenuIsOpen {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.skeletonItem {
|
|
padding: var(--Spacing-x1);
|
|
}
|