PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

TAC: Fix CSS & component typos (#12333)

Browse source 
* Fix CSS & component typo

* Update snapshots
This commit is contained in:
Florian Duros 2024-03-11 16:48:11 +01:00 committed by GitHub
parent 431ae32304
commit 753fc2d33a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
res/css/structures/_ThreadsActivityCentre.pcss
View file

@ -62,12 +62,12 @@
} }
} }
.mx_ThreadsActivity_rows { .mx_ThreadsActivityCentre_rows {
overflow-y: scroll; overflow-y: scroll;
/* Let some space at the top and the bottom of the pop-up */ /* Let some space at the top and the bottom of the pop-up */
max-height: calc(100vh - 200px); max-height: calc(100vh - 200px);
.mx_ThreadsActivityRow { .mx_ThreadsActivityCentreRow {
height: 48px; height: 48px;
/* Make the label of the MenuItem stay on one line and truncate with ellipsis if needed */ /* Make the label of the MenuItem stay on one line and truncate with ellipsis if needed */

8
src/components/views/spaces/threads-activity-centre/ThreadsActivityCentre.tsx
View file

@ -84,9 +84,9 @@ export function ThreadsActivityCentre({ displayButtonLabel }: ThreadsActivityCen
} }
> >
{/* Make the content of the pop-up scrollable */} {/* Make the content of the pop-up scrollable */}
<div className="mx_ThreadsActivity_rows"> <div className="mx_ThreadsActivityCentre_rows">
{roomsAndNotifications.rooms.map(({ room, notificationLevel }) => ( {roomsAndNotifications.rooms.map(({ room, notificationLevel }) => (
<ThreadsActivityRow <ThreadsActivityCentreRow
key={room.roomId} key={room.roomId}
room={room} room={room}
notificationLevel={notificationLevel} notificationLevel={notificationLevel}
@ -122,10 +122,10 @@ interface ThreadsActivityRow {
/** /**
* Display a room with unread threads. * Display a room with unread threads.
*/ */
function ThreadsActivityRow({ room, onClick, notificationLevel }: ThreadsActivityRow): JSX.Element { function ThreadsActivityCentreRow({ room, onClick, notificationLevel }: ThreadsActivityRow): JSX.Element {
return ( return (
<MenuItem <MenuItem
className="mx_ThreadsActivityRow" className="mx_ThreadsActivityCentreRow"
onSelect={(event: Event) => { onSelect={(event: Event) => {
onClick(); onClick();

8
test/components/views/spaces/__snapshots__/ThreadsActivityCentre-test.tsx.snap
View file

@ -23,10 +23,10 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
Threads activity Threads activity
</h3> </h3>
<div <div
class="mx_ThreadsActivity_rows" class="mx_ThreadsActivityCentre_rows"
> >
<button <button
class="mx_ThreadsActivityRow _item_1gwvj_17 _interactive_1gwvj_36" class="mx_ThreadsActivityCentreRow _item_1gwvj_17 _interactive_1gwvj_36"
data-kind="primary" data-kind="primary"
data-orientation="vertical" data-orientation="vertical"
data-radix-collection-item="" data-radix-collection-item=""
@ -74,7 +74,7 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
</div> </div>
</button> </button>
<button <button
class="mx_ThreadsActivityRow _item_1gwvj_17 _interactive_1gwvj_36" class="mx_ThreadsActivityCentreRow _item_1gwvj_17 _interactive_1gwvj_36"
data-kind="primary" data-kind="primary"
data-orientation="vertical" data-orientation="vertical"
data-radix-collection-item="" data-radix-collection-item=""
@ -148,7 +148,7 @@ exports[`ThreadsActivityCentre should match snapshot when empty 1`] = `
Threads activity Threads activity
</h3> </h3>
<div <div
class="mx_ThreadsActivity_rows" class="mx_ThreadsActivityCentre_rows"
> >
<div <div
class="mx_ThreadsActivityCentre_emptyCaption" class="mx_ThreadsActivityCentre_emptyCaption"