Dima/element-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Fix icon size of badges in right panel (#32952)

Browse Source 
* fix: icon size of badges in right panel

* test: update snapshot

* test: update screenshot
This commit is contained in:
Florian Duros
2026-03-26 21:29:21 +01:00
committed by GitHub
parent 559968855c
commit b3299dfbb3
4 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/playwright/snapshots/crypto/crypto.spec.ts/RoomSummaryCard-with-verified-e2ee-linux.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 27 KiB

apps/web/playwright/snapshots/right-panel/right-panel.spec.ts/with-name-and-address-linux.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 37 KiB

apps/web/src/components/views/right_panel/RoomSummaryCardView.tsx
+4 -4
View File
@@ -172,28 +172,28 @@ const RoomSummaryCardView: React.FC<IProps> = ({
>
{!vm.isDirectMessage && vm.roomJoinRule === JoinRule.Public && (
<Badge kind="blue">
<PublicIcon width="1rem" color="var(--cpd-color-icon-info-primary)" />
<PublicIcon width="1rem" height="1rem" color="var(--cpd-color-icon-info-primary)" />
{_t("common|public_room")}
</Badge>
)}
{vm.isRoomEncrypted && vm.e2eStatus !== E2EStatus.Warning && (
<Badge kind="green">
<LockIcon width="1rem" />
<LockIcon width="1rem" height="1rem" />
{_t("common|encrypted")}
</Badge>
)}
{!vm.isRoomEncrypted && (
<Badge kind="blue">
<LockOffIcon width="1rem" color="var(--cpd-color-icon-info-primary)" />
<LockOffIcon width="1rem" height="1rem" color="var(--cpd-color-icon-info-primary)" />
{_t("common|unencrypted")}
</Badge>
)}
{vm.e2eStatus === E2EStatus.Warning && (
<Badge kind="red">
<ErrorSolidIcon width="1rem" />
<ErrorSolidIcon width="1rem" height="1rem" />
{_t("common|not_trusted")}
</Badge>
)}
apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
+6 -6
View File
@@ -79,7 +79,7 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
<svg
color="var(--cpd-color-icon-info-primary)"
fill="currentColor"
height="1em"
height="1rem"
viewBox="0 0 24 24"
width="1rem"
xmlns="http://www.w3.org/2000/svg"
@@ -97,7 +97,7 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
<svg
color="var(--cpd-color-icon-info-primary)"
fill="currentColor"
height="1em"
height="1rem"
viewBox="0 0 24 24"
width="1rem"
xmlns="http://www.w3.org/2000/svg"
@@ -818,7 +818,7 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
<svg
color="var(--cpd-color-icon-info-primary)"
fill="currentColor"
height="1em"
height="1rem"
viewBox="0 0 24 24"
width="1rem"
xmlns="http://www.w3.org/2000/svg"
@@ -836,7 +836,7 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
<svg
color="var(--cpd-color-icon-info-primary)"
fill="currentColor"
height="1em"
height="1rem"
viewBox="0 0 24 24"
width="1rem"
xmlns="http://www.w3.org/2000/svg"
@@ -1515,7 +1515,7 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
<svg
color="var(--cpd-color-icon-info-primary)"
fill="currentColor"
height="1em"
height="1rem"
viewBox="0 0 24 24"
width="1rem"
xmlns="http://www.w3.org/2000/svg"
@@ -1533,7 +1533,7 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
<svg
color="var(--cpd-color-icon-info-primary)"
fill="currentColor"
height="1em"
height="1rem"
viewBox="0 0 24 24"
width="1rem"
xmlns="http://www.w3.org/2000/svg"