Room list: make room list item scales with large font size by florianduros · Pull Request #32523 · element-hq/element-web

florianduros · 2026-02-16T15:26:30Z

Closes #32520
Closes #14482
Ugly but at least readable.

Before	After

t3chguy · 2026-02-18T15:31:28Z

packages/shared-components/src/room-list/RoomListItemView/RoomListItemView.stories.tsx

+    decorators: [
+        (Story) => {
+            useEffect(() => {
+                document.documentElement.style.setProperty("font-size", "36px");
+            }, []);
+            return <Story />;
+        },
+    ],
+};


Does it also handle browser scaling up to 200% (iirc that is the threshold for a11y). Should be able to force scaling via globals

I can add story for that use case too yeah

It seems the only way to simulate this behaviour is to play with the zoom or translate 85c35b5

This PR contains the following updates: | Package | Update | Change | |---|---|---| | [vectorim/element-web](https://github.com/element-hq/element-web) | patch | `v1.12.11` → `v1.12.12` | --- ### Release Notes <details> <summary>element-hq/element-web (vectorim/element-web)</summary> ### [`v1.12.12`](https://github.com/element-hq/element-web/releases/tag/v1.12.12) [Compare Source](element-hq/element-web@v1.12.11...v1.12.12) #### ✨ Features - Add stable support for MSC4380 invite blocking ([#31966](element-hq/element-web#31966)). Contributed by [@richvdh](https://github.com/richvdh). - Hide the names of banned users behind a spoiler tag ([#32424](element-hq/element-web#32424)). Contributed by [@andybalaam](https://github.com/andybalaam). - Room list: remove bold effect on selected room ([#32593](element-hq/element-web#32593)). Contributed by [@florianduros](https://github.com/florianduros). - Use Compound buttons in auth screens ([#32562](element-hq/element-web#32562)). Contributed by [@t3chguy](https://github.com/t3chguy). - Track room list sorting algorithm changes ([#32556](element-hq/element-web#32556)). Contributed by [@MidhunSureshR](https://github.com/MidhunSureshR). - Update `sso_redirect_options` to work for Native OIDC ([#32537](element-hq/element-web#32537)). Contributed by [@t3chguy](https://github.com/t3chguy). #### 🐛 Bug Fixes - Room list: avoid excessive re-renders on room list store update or filter change ([#32663](element-hq/element-web#32663)). Contributed by [@florianduros](https://github.com/florianduros). - Room list: listen to call event to check number of participants ([#32677](element-hq/element-web#32677)). Contributed by [@florianduros](https://github.com/florianduros). - Fix invite-specific join errors not being shown ([#32621](element-hq/element-web#32621)). Contributed by [@Half-Shot](https://github.com/Half-Shot). - Prevent logging lots of "Browser unsupported" lines ([#32647](element-hq/element-web#32647)). Contributed by [@Half-Shot](https://github.com/Half-Shot). - Update critical gradient for room status bar ([#32575](element-hq/element-web#32575)). Contributed by [@Half-Shot](https://github.com/Half-Shot). - Room list: avoid header overflowing when too long ([#32645](element-hq/element-web#32645)). Contributed by [@florianduros](https://github.com/florianduros). - Room list: center focus outline of room list item ([#32637](element-hq/element-web#32637)). Contributed by [@florianduros](https://github.com/florianduros). - Fix misaligned cross in complete security dialog ([#32614](element-hq/element-web#32614)). Contributed by [@dbkr](https://github.com/dbkr). - Room list: fix keyboard navigation ([#32585](element-hq/element-web#32585)). Contributed by [@florianduros](https://github.com/florianduros). - Don't show empty privacy section ([#32582](element-hq/element-web#32582)). Contributed by [@dbkr](https://github.com/dbkr). - Disable room list image dragging ([#32590](element-hq/element-web#32590)). Contributed by [@florianduros](https://github.com/florianduros). - Update UserMenu theme toggle to use IconButton ([#32591](element-hq/element-web#32591)). Contributed by [@t3chguy](https://github.com/t3chguy). - Room list: make room list item scales with large font size ([#32523](element-hq/element-web#32523)). Contributed by [@florianduros](https://github.com/florianduros). </details> --- ### Configuration 📅 **Schedule**: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Enabled. ♻ **Rebasing**: Whenever PR is behind base branch, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Renovate Bot](https://github.com/renovatebot/renovate).  Reviewed-on: https://gitea.alexlebens.dev/alexlebens/infrastructure/pulls/4596 Co-authored-by: Renovate Bot <[email protected]> Co-committed-by: Renovate Bot <[email protected]>

florianduros added the T-Defect label Feb 16, 2026

florianduros mentioned this pull request Feb 16, 2026

Room list: update the visuals in order to have better contrast #32421

Merged

github-actions bot deployed to Netlify February 16, 2026 15:28 View deployment

github-actions bot deployed to Netlify February 16, 2026 15:48 View deployment

github-actions bot deployed to EndToEndTests February 16, 2026 16:08 View deployment

florianduros force-pushed the florianduros/large-font-room-list branch from f2b5c6d to 985ecb2 Compare February 16, 2026 16:17

github-actions bot deployed to Netlify February 16, 2026 16:19 View deployment

florianduros force-pushed the florianduros/large-font-room-list branch from 985ecb2 to 86e9320 Compare February 16, 2026 16:19

github-actions bot deployed to Netlify February 16, 2026 16:21 View deployment

github-actions bot deployed to EndToEndTests February 16, 2026 16:33 View deployment

florianduros force-pushed the florianduros/large-font-room-list branch from 86e9320 to 39a50dd Compare February 16, 2026 16:57

github-actions bot deployed to Netlify February 16, 2026 16:59 View deployment

github-actions bot deployed to EndToEndTests February 16, 2026 17:11 View deployment

florianduros changed the base branch from develop to florianduros/selection-hover-room-list February 16, 2026 17:16

Base automatically changed from florianduros/selection-hover-room-list to develop February 17, 2026 10:14

florianduros force-pushed the florianduros/large-font-room-list branch 2 times, most recently from 0626deb to b59ead3 Compare February 17, 2026 10:33

github-actions bot deployed to SharedComponentDiffs February 17, 2026 10:34 View deployment

github-actions bot deployed to Netlify February 17, 2026 10:35 View deployment

github-actions bot deployed to EndToEndTests February 17, 2026 10:47 View deployment

florianduros force-pushed the florianduros/large-font-room-list branch 2 times, most recently from d4cf611 to 33b3e71 Compare February 17, 2026 10:55

github-actions bot deployed to Netlify February 17, 2026 10:57 View deployment

github-actions bot deployed to EndToEndTests February 17, 2026 11:08 View deployment

github-actions bot deployed to EndToEndTests February 17, 2026 11:20 View deployment

florianduros marked this pull request as ready for review February 17, 2026 14:25

florianduros requested a review from a team as a code owner February 17, 2026 14:25

florianduros requested review from Half-Shot and dbkr February 17, 2026 14:25

fix(sc): make room list item scale with large font

b24cffc

florianduros added 3 commits February 17, 2026 15:30

fix: align room avatar view when using large font

6f9a507

test(sc): add story for large font

aa74ca7

test(sc): update snapshots

78e0be2

florianduros force-pushed the florianduros/large-font-room-list branch from 33b3e71 to 78e0be2 Compare February 17, 2026 14:30

github-actions bot deployed to SharedComponentDiffs February 17, 2026 14:32 View deployment

github-actions bot deployed to Netlify February 17, 2026 14:33 View deployment

github-actions bot deployed to EndToEndTests February 17, 2026 14:44 View deployment

github-actions bot deployed to EndToEndTests February 17, 2026 15:02 View deployment

github-actions bot deployed to EndToEndTests February 17, 2026 17:08 View deployment

dbkr approved these changes Feb 18, 2026

View reviewed changes

t3chguy reviewed Feb 18, 2026

View reviewed changes

test(sc): add story with zoom

85c35b5

github-actions bot deployed to Netlify February 18, 2026 18:03 View deployment

florianduros enabled auto-merge February 18, 2026 18:12

florianduros added this pull request to the merge queue Feb 18, 2026

github-actions bot deployed to EndToEndTests February 18, 2026 18:14 View deployment

Merged via the queue into develop with commit e8d97a9 Feb 18, 2026
44 checks passed

florianduros deleted the florianduros/large-font-room-list branch February 18, 2026 18:46

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Room list: make room list item scales with large font size#32523

Room list: make room list item scales with large font size#32523
florianduros merged 5 commits intodevelopfrom
florianduros/large-font-room-list

florianduros commented Feb 16, 2026 •

edited

Loading

Uh oh!

t3chguy Feb 18, 2026

Uh oh!

florianduros Feb 18, 2026

Uh oh!

florianduros Feb 18, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Uh oh!

Conversation

florianduros commented Feb 16, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

t3chguy Feb 18, 2026

Choose a reason for hiding this comment

Uh oh!

florianduros Feb 18, 2026

Choose a reason for hiding this comment

Uh oh!

florianduros Feb 18, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

florianduros commented Feb 16, 2026 •

edited

Loading