Merged in feat/SW-2782-create-sas-branded-header (pull request #2878)

feat(SW-2782): Updated header as per design, added language switcher and user menu

* feat(SW-2782): Updated header as per design, added language switcher and user menu

* feat(SW-2782): Updated UI as per design

* feat(SW-2782): Optimised code with use of Popover and modal from RAC


Approved-by: Anton Gunnarsson
This commit is contained in:
Hrishikesh Vaipurkar
2025-10-06 08:46:26 +00:00
parent e18bba79c6
commit d3368e9b85
27 changed files with 985 additions and 125 deletions

View File

@@ -0,0 +1,50 @@
.menuItems,
.menuItem {
display: flex;
direction: column;
align-items: center;
}
.desktopMenu {
display: none;
}
.menuItem {
gap: var(--Space-x1);
padding: var(--Space-x1);
}
.menuDivider {
margin: var(--Space-x2) 0;
}
.contactLink {
color: var(--Text-sas-20);
}
@media screen and (min-width: 768px) {
.menuItems,
.menuItem {
display: flex;
align-items: center;
padding: 0;
}
.menuItems {
gap: var(--Space-x3);
}
.mobileMenu {
display: none;
}
.desktopMenu {
display: flex;
gap: var(--Space-x3);
align-items: center;
}
.contactLink {
color: white;
}
}