From db5c69e22899f62ff6f2b5cb9f8a733b61c6cf54 Mon Sep 17 00:00:00 2001 From: ElementRobot Date: Mon, 28 Jul 2025 09:58:20 +0100 Subject: [PATCH] Fix e2e shield being invisible in white mode for encrypted room (#30408) (#30411) Co-authored-by: Florian Duros --- playwright/e2e/crypto/crypto.spec.ts | 2 ++ .../composer-e2e-icon-normal-linux.png | Bin 0 -> 268 bytes res/css/views/rooms/_E2EIcon.pcss | 8 +++++++- 3 files changed, 9 insertions(+), 1 deletion(-) create mode 100644 playwright/snapshots/crypto/crypto.spec.ts/composer-e2e-icon-normal-linux.png diff --git a/playwright/e2e/crypto/crypto.spec.ts b/playwright/e2e/crypto/crypto.spec.ts index d69af46a72..6d01435546 100644 --- a/playwright/e2e/crypto/crypto.spec.ts +++ b/playwright/e2e/crypto/crypto.spec.ts @@ -158,6 +158,8 @@ test.describe("Cryptography", function () { await page.getByRole("textbox", { name: "Send a message…" }).press("Enter"); await checkDMRoom(page); const bobRoomId = await bobJoin(page, bob); + await expect(page.locator(".mx_MessageComposer_e2eIcon")).toMatchScreenshot("composer-e2e-icon-normal.png"); + await testMessages(page, bob, bobRoomId); await verify(app, bob); diff --git a/playwright/snapshots/crypto/crypto.spec.ts/composer-e2e-icon-normal-linux.png b/playwright/snapshots/crypto/crypto.spec.ts/composer-e2e-icon-normal-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..70a3795fc9c05c5d80e8d6ca898e3ac87efd0f20 GIT binary patch literal 268 zcmeAS@N?(olHy`uVBq!ia0vp^JRmj)6Oa`0mJkI}2R&UJLn`L%nRu3~iGk<1=@ply z{4Ps37;vku?3j08a_p+${+lbkOI}>DW|2L$Z=u4k14iTJ&nO#H=jIU+OGMzQONjubRbFXdo3m zjhEB&*lpjvYeeE>ul%<@Uis!5yT>M`_x2As85sWmmwP^AJJ2(1AkQ!}%za?E`ugYp QsX!41Pgg&ebxsLQ0BcWgbpQYW literal 0 HcmV?d00001 diff --git a/res/css/views/rooms/_E2EIcon.pcss b/res/css/views/rooms/_E2EIcon.pcss index aea1b942d1..024b6f637a 100644 --- a/res/css/views/rooms/_E2EIcon.pcss +++ b/res/css/views/rooms/_E2EIcon.pcss @@ -52,7 +52,13 @@ Please see LICENSE files in the repository root for full details. .mx_E2EIcon_normal::after { mask-image: url("$(res)/img/e2e/normal.svg"); - background-color: white; + background-color: var(--cpd-color-icon-tertiary); +} + +.mx_E2EIcon_verified { + .mx_E2EIcon_normal::after { + background-color: white; + } } .mx_E2EIcon_verified::after {