From cf5d9f86fd5673b642ba27e3d66243f2a8015321 Mon Sep 17 00:00:00 2001 From: Florian Duros Date: Thu, 8 Feb 2024 15:09:32 +0100 Subject: [PATCH] Fix TAC button alignment when expanded (#12238) --- .../e2e/spaces/threads-activity-centre/index.ts | 14 ++++++++++++++ .../threadsActivityCentre.spec.ts | 9 +++++++++ .../tac-button-expanded-linux.png | Bin 0 -> 15058 bytes res/css/structures/_ThreadsActivityCentre.pcss | 6 +++--- 4 files changed, 26 insertions(+), 3 deletions(-) create mode 100644 playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-button-expanded-linux.png diff --git a/playwright/e2e/spaces/threads-activity-centre/index.ts b/playwright/e2e/spaces/threads-activity-centre/index.ts index 0aba6d5334..b0fcd4648a 100644 --- a/playwright/e2e/spaces/threads-activity-centre/index.ts +++ b/playwright/e2e/spaces/threads-activity-centre/index.ts @@ -350,6 +350,20 @@ export class Helpers { await this.receiveMessages(room2, ["Msg2", msg.threadedOff("Msg2", "Resp2")]); await this.receiveMessages(room1, ["Msg3", msg.threadedOff("Msg3", "Resp3")]); } + + /** + * Get the space panel + */ + getSpacePanel() { + return this.page.getByRole("navigation", { name: "Spaces" }); + } + + /** + * Expand the space panel + */ + expandSpacePanel() { + return this.page.getByRole("button", { name: "Expand" }).click(); + } } export { expect }; diff --git a/playwright/e2e/spaces/threads-activity-centre/threadsActivityCentre.spec.ts b/playwright/e2e/spaces/threads-activity-centre/threadsActivityCentre.spec.ts index d15018876c..1b237c0b53 100644 --- a/playwright/e2e/spaces/threads-activity-centre/threadsActivityCentre.spec.ts +++ b/playwright/e2e/spaces/threads-activity-centre/threadsActivityCentre.spec.ts @@ -25,6 +25,15 @@ test.describe("Threads Activity Centre", () => { labsFlags: ["threadsActivityCentre"], }); + test("should have the button correctly aligned and displayed in the space panel when expanded", async ({ + util, + }) => { + // Open the space panel + await util.expandSpacePanel(); + // The buttons in the space panel should be aligned when expanded + await expect(util.getSpacePanel()).toMatchScreenshot("tac-button-expanded.png"); + }); + test("should not show indicator when there is no thread", async ({ roomAlpha: room1, util }) => { // No indicator should be shown await util.assertNoTacIndicator(); diff --git a/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-button-expanded-linux.png b/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-button-expanded-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..f4cbbf32930c81380d405b453c77e53878d190af GIT binary patch literal 15058 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 literal 0 HcmV?d00001 diff --git a/res/css/structures/_ThreadsActivityCentre.pcss b/res/css/structures/_ThreadsActivityCentre.pcss index 2c1370fd69..dcfb49b822 100644 --- a/res/css/structures/_ThreadsActivityCentre.pcss +++ b/res/css/structures/_ThreadsActivityCentre.pcss @@ -19,7 +19,7 @@ .mx_ThreadsActivityCentreButton { color: $secondary-content; height: 32px; - width: 32px; + min-width: 32px; display: flex; align-items: center; justify-content: center; @@ -28,11 +28,11 @@ &.expanded { /* align with settings icon */ - margin-left: 20px; + margin-left: 25px; & > .mx_ThreadsActivityCentreButton_IndicatorIcon { /* align with settings label */ - margin-right: 12px; + margin-right: 14px; } }