nikrozman/element-web
1
0
Fork 0
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Room list: make the filter resize correctly (#30788) (#30795)

Browse Source 
* fix: make the filter resize correctly

* test: update snapshot

(cherry picked from commit 155c0b6a0c)

Co-authored-by: Florian Duros <florianduros@element.io>
This commit is contained in:
ElementRobot
2025-09-16 18:07:10 +01:00
committed by GitHub
parent 01bba51200
commit 36b7b4a4cc
3 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
res/css/views/rooms/RoomListPanel/_RoomListPrimaryFilters.pcss
View File

@@ -12,10 +12,7 @@
display: none; display: none;
} }
ul { .mx_RoomListPrimaryFilters_list {
margin: unset;
padding: unset;
list-style-type: none;
/** /**
* The InteractionObserver needs the height to be set to work properly. * The InteractionObserver needs the height to be set to work properly.
*/ */

1
src/components/views/rooms/RoomListPanel/RoomListPrimaryFilters.tsx
View File

@@ -59,6 +59,7 @@ export function RoomListPrimaryFilters({ vm }: RoomListPrimaryFiltersProps): JSX
align="center" align="center"
gap="var(--cpd-space-2x)" gap="var(--cpd-space-2x)"
wrap="wrap" wrap="wrap"
className="mx_RoomListPrimaryFilters_list"
ref={ref} ref={ref}
> >
{filters.map((filter, i) => ( {filters.map((filter, i) => (

2
test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListPrimaryFilters-test.tsx.snap
View File

@@ -9,7 +9,7 @@ exports[`<RoomListPrimaryFilters /> should renders all filters correctly 1`] = `
> >
<div <div
aria-label="Room list filters" aria-label="Room list filters"
class="flex" class="flex mx_RoomListPrimaryFilters_list"
id="«r0»" id="«r0»"
role="listbox" role="listbox"
style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;" style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"