element-portable/res/css/structures
Florian Duros a4987060b7
Pop out of Threads Activity Centre (#12136)
* Add `Thread Activity centre` labs flag

* Rename translation string

* WIP Thread Activity Centre

* Update supportedLevels

* css lint

* i18n lint

* Fix labs subsection test

* Update Threads Activity Centre label

* Rename Thread Activity Centre to Threads Activity Centre

* Use compound `MenuItem` instead of custom button

* Color thread icon when hovered

* Make the pop-up scrollable and add a max height

* Remove Math.random in key

* Remove unused class

* Change add comments on `mx_ThreadsActivityRows` and `mx_ThreadsActivityRow`

* Make threads activity centre labs flag split out unread counts

Just shows notif & unread counts for main thread if the TAC is enabled.

* Fix tests

* Simpler fix

* Open thread panel when thread clicke in Threads Activity Centre

Hopefully this is a sensible enough way. The panel will stay open of
course (ie. if you go to a different room & come back), but that's the
nature of the right panel.

* Dynamic state of room

* Add doc

* Use the StatelessNotificationBadge component in ThreadsActivityCentre

and re-use the existing NotificationLevel

* Remove unused style

* Add room sorting

* Fix `ThreadsActivityRow` props doc

* Pass in & cache the status of the TAC labs flag

* Pass includeThreads as setting to doesRoomHaveUnreadMessages too

* Fix tests

* Add analytics to the TAC (#12179)

* Update TAC label (#12186)

* Add `IndicatorIcon` to the TAC button (#12182)

Add `IndicatorIcon` to the TAC button

* Threads don't have activity if the room is muted

This makes it match the computation in determineUnreadState.
Ideally this logic should all be in one place.

* Re-use doesRoomHaveUnreadThreads for useRoomThreadNotifications

This incorporates the logic of not showing unread dots if the room
is muted

* Add TAC description in labs (#12197)

* Fox position & size of dot on the tac button

IndicatorIcon doesn't like having the size of its icon adjusted and
we probably shouldn't do it anyway: better to specify to the component
what size we want it.

* TAC: Utils tests (#12200)

* Add tests for `doesRoomHaveUnreadThreads`
* Add tests for `getThreadNotificationLevel`

* Add test for the ThreadsActivityCentre component

* Add snapshot test

* Fix narrow hover background on TAC button

Make the button 32x32 (and the inner icon 24x24)

* Add caption for empty TAC

* s/tac/threads_activity_centre/

* Fix i18n & add tests

* Add playwright tests for the TAC (#12227)

* Fox comments

---------

Co-authored-by: David Baker <dbkr@users.noreply.github.com>
2024-02-07 13:49:40 +00:00
..
auth Show a progress bar while migrating from legacy crypto (#12104) 2024-01-17 07:14:49 +00:00
_AutocompleteInput.pcss Update dependency prettier to v3 (#12095) 2024-01-02 18:56:39 +00:00
_AutoHideScrollbar.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_BackdropPanel.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_CompatibilityPage.pcss Use shorthand "inset" property (#10825) 2023-05-09 10:02:12 +00:00
_ContextualMenu.pcss Compound Typography pass (#11103) 2023-06-29 10:30:25 +00:00
_ErrorMessage.pcss New password reset flow (#9581) 2022-11-22 07:58:37 +01:00
_FileDropTarget.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_FilePanel.pcss Remove green "verified" bar for e2e events (#11496) 2023-09-01 09:41:14 +00:00
_GenericDropdownMenu.pcss Compound Typography pass (#11103) 2023-06-29 10:30:25 +00:00
_GenericErrorPage.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_HomePage.pcss Compound Typography pass (#11103) 2023-06-29 10:30:25 +00:00
_LargeLoader.pcss Compound Typography pass (#11103) 2023-06-29 10:30:25 +00:00
_LeftPanel.pcss Restore room list backdrop (#11300) 2023-07-20 08:13:22 +00:00
_MainSplit.pcss New right panel visual language (#11664) 2023-10-20 13:30:37 +00:00
_MatrixChat.pcss Factor out post-login splash screen to a new component (#12103) 2024-01-04 18:12:08 +00:00
_MessagePanel.pcss Update dependency prettier to v3 (#12095) 2024-01-02 18:56:39 +00:00
_NonUrgentToastContainer.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_NotificationPanel.pcss Fix icon on empty notification panel (#10817) 2023-05-09 05:02:08 +00:00
_QuickSettingsButton.pcss Change Quick Settings icon (#12141) 2024-01-15 10:56:46 +00:00
_RightPanel.pcss Fix: Space scope header overflow (#11933) 2023-11-29 08:25:34 +00:00
_RoomSearch.pcss Compound Typography pass (#11103) 2023-06-29 10:30:25 +00:00
_RoomStatusBar.pcss Change avatar to use Compound implementation (#11448) 2023-08-24 03:48:35 +00:00
_RoomView.pcss Add feature flag 'feature_new_room_decoration_ui' and segrate legacy UI component (#11345) 2023-08-01 07:32:53 +00:00
_SearchBox.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_SpaceHierarchy.pcss Change avatar to use Compound implementation (#11448) 2023-08-24 03:48:35 +00:00
_SpacePanel.pcss Update dependency prettier to v3 (#12095) 2024-01-02 18:56:39 +00:00
_SpaceRoomView.pcss Fix: Clicking on members pile does nothing. (#11657) 2023-10-06 06:54:25 +00:00
_SplashPage.pcss Update dependency prettier to v3 (#12095) 2024-01-02 18:56:39 +00:00
_TabbedView.pcss Remove default margin and padding from mx_TabbedView_tabLabels (#10907) 2023-05-15 18:57:29 +01:00
_ThreadsActivityCentre.pcss Pop out of Threads Activity Centre (#12136) 2024-02-07 13:49:40 +00:00
_ToastContainer.pcss Compound Typography pass (#11103) 2023-06-29 10:30:25 +00:00
_UploadBar.pcss Fix CSS for uploading-files in threads (#11751) 2023-10-19 04:07:38 +00:00
_UserMenu.pcss Compound color pass (#11079) 2023-07-12 17:46:49 +00:00
_ViewSource.pcss Use monospace font for room, message IDs in View Source modal (#9956) 2023-01-30 16:39:16 +00:00