From 948435ceb9b01f6d39ae6135958fe31d49644560 Mon Sep 17 00:00:00 2001 From: David Baker Date: Fri, 10 May 2024 17:29:50 +0100 Subject: [PATCH] Collapse UserSettings tabs to just icons on narrow screens (#12505) * Collapse UserSettings tabs to just icons on narrow screens * Add screenshot test * Better comment formatting. Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com> * Comment the media query Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com> --------- Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com> --- .../general-user-settings-tab.spec.ts | 5 ++++ .../general-smallscreen-linux.png | Bin 0 -> 40426 bytes res/css/structures/_TabbedView.pcss | 23 ++++++++++++++++++ src/components/structures/TabbedView.tsx | 8 ++++++ .../views/dialogs/UserSettingsDialog.tsx | 1 + 5 files changed, 37 insertions(+) create mode 100644 playwright/snapshots/settings/general-user-settings-tab.spec.ts/general-smallscreen-linux.png diff --git a/playwright/e2e/settings/general-user-settings-tab.spec.ts b/playwright/e2e/settings/general-user-settings-tab.spec.ts index d6d138db5b..625f1d6bd5 100644 --- a/playwright/e2e/settings/general-user-settings-tab.spec.ts +++ b/playwright/e2e/settings/general-user-settings-tab.spec.ts @@ -125,6 +125,11 @@ test.describe("General user settings tab", () => { ); }); + test("should respond to small screen sizes", async ({ page, uut }) => { + await page.setViewportSize({ width: 700, height: 600 }); + await expect(uut).toMatchScreenshot("general-smallscreen.png"); + }); + test("should support adding and removing a profile picture", async ({ uut }) => { const profileSettings = uut.locator(".mx_ProfileSettings"); // Upload a picture diff --git a/playwright/snapshots/settings/general-user-settings-tab.spec.ts/general-smallscreen-linux.png b/playwright/snapshots/settings/general-user-settings-tab.spec.ts/general-smallscreen-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..75febc97d7a1bff2ad01c8b9f18ac968a8534feb GIT binary patch literal 40426 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 KYNaYxVgCZNmp+sL literal 0 HcmV?d00001 diff --git a/res/css/structures/_TabbedView.pcss b/res/css/structures/_TabbedView.pcss index 756f6ab864..34a1766c19 100644 --- a/res/css/structures/_TabbedView.pcss +++ b/res/css/structures/_TabbedView.pcss @@ -129,6 +129,7 @@ limitations under the License. padding-inline: var(--cpd-space-3x) var(--cpd-space-4x); box-sizing: border-box; min-block-size: 40px; + min-inline-size: 40px; border-radius: 24px; font: var(--cpd-font-body-md-medium); position: relative; @@ -164,3 +165,25 @@ limitations under the License. overflow: auto; min-height: 0; /* firefox */ } + +/* Hide the labels on tabs, showing only the icons, on narrow viewports. */ +@media (max-width: 768px) { + .mx_TabbedView_tabsOnLeft.mx_TabbedView_responsive { + .mx_TabbedView_tabLabel_text { + display: none; + } + .mx_TabbedView_tabPanel { + margin-left: 72px; /* 40px sidebar + 32px padding */ + } + .mx_TabbedView_maskedIcon { + margin-right: auto; + margin-left: auto; + } + .mx_TabbedView_tabLabels { + width: auto; + } + .mx_TabbedView_tabLabel { + padding-inline: 0 0; + } + } +} diff --git a/src/components/structures/TabbedView.tsx b/src/components/structures/TabbedView.tsx index fa717126e5..c745d9cf5d 100644 --- a/src/components/structures/TabbedView.tsx +++ b/src/components/structures/TabbedView.tsx @@ -132,6 +132,13 @@ interface IProps { onChange: (tabId: T) => void; // The screen name to report to Posthog. screenName?: ScreenName; + /** + * If true, the layout of the tabbed view will be responsive to the viewport size (eg, just showing icons + * instead of names of tabs). + * Only applies if `tabLocation === TabLocation.LEFT`. + * Default: false. + */ + responsive?: boolean; } /** @@ -160,6 +167,7 @@ export default function TabbedView(props: IProps): JSX.Elem mx_TabbedView: true, mx_TabbedView_tabsOnLeft: tabLocation == TabLocation.LEFT, mx_TabbedView_tabsOnTop: tabLocation == TabLocation.TOP, + mx_TabbedView_responsive: props.responsive, }); const screenName = tab?.screenName ?? props.screenName; diff --git a/src/components/views/dialogs/UserSettingsDialog.tsx b/src/components/views/dialogs/UserSettingsDialog.tsx index f5d45bca95..bb97b36fc9 100644 --- a/src/components/views/dialogs/UserSettingsDialog.tsx +++ b/src/components/views/dialogs/UserSettingsDialog.tsx @@ -224,6 +224,7 @@ export default function UserSettingsDialog(props: IProps): JSX.Element { activeTabId={activeTabId} screenName="UserSettings" onChange={setActiveTabId} + responsive={true} />