scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(BOOK-325): Added refetch options to user.name query and refactored header

Browse Source 
Approved-by: Linus Flood
Approved-by: Matilda Landström
This commit is contained in:
Erik Tiekstra
2025-11-13 06:33:47 +00:00
parent 3a45e6cfe3
commit c4b564998c
27 changed files with 395 additions and 347 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
apps/scandic-web/components/Header/MainMenu/MyPagesMenu/myPagesMenu.module.css
View File

@@ -1,30 +1,26 @@
.myPagesMenu {
display: none;
}
.chevron {
transition: transform 0.3s;
@media screen and (min-width: 768px) {
.myPagesMenu {
display: block;
}
.chevron {
transition: transform 0.3s;
}
.chevron.isExpanded {
&.isExpanded {
transform: rotate(180deg);
}
}
.dropdown {
position: absolute;
top: calc(
3.5rem - 2px
); /* 3.5rem is the height of the main menu + bottom padding. */
right: 0;
background-color: var(--Base-Surface-Primary-light-Normal);
border-radius: var(--Corner-radius-lg);
box-shadow: 0 0 0.875rem 0.375rem rgba(0, 0, 0, 0.1);
min-width: 20rem;
z-index: var(--menu-overlay-z-index);
.dropdown {
position: absolute;
top: calc(
3.5rem - 2px
); /* 3.5rem is the height of the main menu + bottom padding. */
right: 0;
background-color: var(--Surface-Primary-Default);
border-radius: var(--Corner-radius-lg);
box-shadow: 0 0 0.875rem 0.375rem rgba(0, 0, 0, 0.1);
min-width: 20rem;
z-index: var(--menu-overlay-z-index);
}
@media screen and (max-width: 767px) {
.myPagesMenu {
display: none;
}
}