Fix the color of the verified E2EE icon on RoomSummaryCard (#10812)

matrix-org · May 8, 2023 · 00fe0b4 · 00fe0b4
1 parent b8482b6
commit 00fe0b4
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/cypress/e2e/crypto/crypto.spec.ts b/cypress/e2e/crypto/crypto.spec.ts
@@ -183,6 +183,16 @@ describe("Cryptography", function () {
         bobJoin.call(this);
         testMessages.call(this);
         verify.call(this);
+
+        // Assert that verified icon is rendered
+        cy.findByRole("button", { name: "Room members" }).click();
+        cy.findByRole("button", { name: "Room information" }).click();
+        cy.get(".mx_RoomSummaryCard_e2ee_verified").should("exist");
+
+        // Take a snapshot of RoomSummaryCard with a verified E2EE icon
+        cy.get(".mx_RightPanel").percySnapshotElement("RoomSummaryCard - with a verified E2EE icon", {
+            widths: [264], // Emulate the UI. The value is based on minWidth specified on MainSplit.tsx
+        });
     });
 
     it("should allow verification when there is no existing DM", function (this: CryptoTestContext) {

diff --git a/res/css/views/right_panel/_RoomSummaryCard.pcss b/res/css/views/right_panel/_RoomSummaryCard.pcss
@@ -76,7 +76,7 @@ limitations under the License.
             }
 
             .mx_RoomSummaryCard_e2ee_verified {
-                background-color: #$e2e-verified-color;
+                background-color: $e2e-verified-color;
                 &::before {
                     mask-image: url("$(res)/img/e2e/verified.svg");
                 }