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

Merged in fix/book-249-navigation-icon-color-update (pull request #2916)

Browse Source 
fix(BOOK-249): navigation icon color update

* fix(BOOK:249): updated color token to CurrentColor

* fix(BOOK-249): changed "log in/join" text to bold

* fix(BOOK-249): changed color on login arrow icon and in skeleton


Approved-by: Matilda Landström
This commit is contained in:
Matilda Haneling
2025-10-07 06:51:10 +00:00
parent a60c613756
commit 973a665aba
4 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/scandic-web/components/Header/MainMenu/MyPagesMenu/index.tsx
View File

@@ -73,7 +73,7 @@ export default function MyPagesMenu({
icon="keyboard_arrow_down" icon="keyboard_arrow_down"
size={20} size={20}
className={`${styles.chevron} ${isMyPagesMenuOpen ? styles.isExpanded : ""}`} className={`${styles.chevron} ${isMyPagesMenuOpen ? styles.isExpanded : ""}`}
color="Icon/Interactive/Accent" color="CurrentColor"
/> />
</MainMenuButton> </MainMenuButton>
{isMyPagesMenuOpen ? ( {isMyPagesMenuOpen ? (
@@ -102,7 +102,7 @@ export function MyPagesMenuSkeleton() {
icon="keyboard_arrow_down" icon="keyboard_arrow_down"
size={20} size={20}
className={`${styles.chevron}`} className={`${styles.chevron}`}
color="Icon/Interactive/Accent" color="CurrentColor"
/> />
</MainMenuButton> </MainMenuButton>
</div> </div>

2
apps/scandic-web/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx
View File

@@ -77,7 +77,7 @@ export default function MyPagesMenuWrapper() {
trackingId="loginStartNewTopMenu" trackingId="loginStartNewTopMenu"
> >
<Avatar /> <Avatar />
<Typography variant={"Body/Paragraph/mdRegular"}> <Typography variant={"Body/Paragraph/mdBold"}>
<span className={styles.loginText}> <span className={styles.loginText}>
{intl.formatMessage({ {intl.formatMessage({
defaultMessage: "Log in/Join", defaultMessage: "Log in/Join",

2
apps/scandic-web/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx
View File

@@ -46,7 +46,7 @@ export default function MegaMenu({
<MaterialIcon <MaterialIcon
icon="arrow_back_ios" icon="arrow_back_ios"
size={20} size={20}
color="Icon/Interactive/Default" color="CurrentColor"
/> />
<Typography variant="Title/Subtitle/lg" className={styles.text}> <Typography variant="Title/Subtitle/lg" className={styles.text}>
<span>{title}</span> <span>{title}</span>

4
apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuItem/index.tsx
View File

@@ -55,14 +55,14 @@ export default function MenuItem({ item, isMobile }: NavigationMenuItemProps) {
icon="arrow_forward_ios" icon="arrow_forward_ios"
size={20} size={20}
className={`${styles.chevron}`} className={`${styles.chevron}`}
color="Icon/Interactive/Default" color="CurrentColor"
/> />
) : ( ) : (
<MaterialIcon <MaterialIcon
icon="keyboard_arrow_down" icon="keyboard_arrow_down"
size={20} size={20}
className={`${styles.chevron} ${isMegaMenuOpen ? styles.isExpanded : ""}`} className={`${styles.chevron} ${isMegaMenuOpen ? styles.isExpanded : ""}`}
color="Icon/Interactive/Default" color="CurrentColor"
/> />
)} )}
</MainMenuButton> </MainMenuButton>