New room list: minor visual fixes (#29723)

* fix: use correct color for room list header

* fix: use error solid icon

* fix: rename Unread as Unreads

* test: update jest snapshots

* test(e2e): update screenshots

* test: fix test
This commit is contained in:
Florian Duros
2025-04-14 09:45:32 +02:00
committed by GitHub
parent c929eedd81
commit f39f3d2164
15 changed files with 24 additions and 15 deletions

View File

@@ -7,7 +7,7 @@
import React, { type HTMLProps, type JSX } from "react";
import MentionIcon from "@vector-im/compound-design-tokens/assets/web/icons/mention";
import ErrorIcon from "@vector-im/compound-design-tokens/assets/web/icons/error";
import ErrorIcon from "@vector-im/compound-design-tokens/assets/web/icons/error-solid";
import NotificationOffIcon from "@vector-im/compound-design-tokens/assets/web/icons/notifications-off-solid";
import { UnreadCounter, Unread } from "@vector-im/compound-web";

View File

@@ -47,7 +47,7 @@ export function RoomListHeaderView(): JSX.Element {
<ComposeMenu vm={vm} />
) : (
<IconButton aria-label={_t("action|new_message")} onClick={(e) => vm.createChatRoom(e.nativeEvent)}>
<ComposeIcon />
<ComposeIcon color="var(--cpd-color-icon-secondary)" />
</IconButton>
)}
</Flex>
@@ -76,7 +76,7 @@ function SpaceMenu({ vm }: SpaceMenuProps): JSX.Element {
align="start"
trigger={
<IconButton className="mx_SpaceMenu_button" aria-label={_t("room_list|open_space_menu")} size="20px">
<ChevronDownIcon />
<ChevronDownIcon color="var(--cpd-color-icon-secondary)" />
</IconButton>
}
>
@@ -135,7 +135,7 @@ function ComposeMenu({ vm }: ComposeMenuProps): JSX.Element {
align="start"
trigger={
<IconButton aria-label={_t("action|add")}>
<ComposeIcon />
<ComposeIcon color="var(--cpd-color-icon-secondary)" />
</IconButton>
}
>

View File

@@ -2126,7 +2126,7 @@
"favourite": "Favourites",
"people": "People",
"rooms": "Rooms",
"unread": "Unread"
"unread": "Unreads"
},
"home_menu_label": "Home options",
"join_public_room_label": "Join public room",