element-web/res/css/views/messages
Sumner Evans a54f2ff878
Render custom images in reactions (#11087)
* Add support for rendering custom emojis in reactions

Signed-off-by: Sumner Evans <sumner@beeper.com>

* Include custom reaction short names in tooltips

Signed-off-by: Sumner Evans <sumner@beeper.com>

* Use custom reaction shortcode for accessibility

This uses the shortcode in the following places:

* The aria-label of the reaction buttons
* The alt text for the reaction image

Signed-off-by: Sumner Evans <sumner@beeper.com>

* Remove explicit instantiation of `customReactionName` variable and add types

Co-authored-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Put custom reaction images behind a labs flag

Signed-off-by: Sumner Evans <sumner@beeper.com>

* Use UnstableValue for finding the shortcode

Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
Signed-off-by: Sumner Evans <sumner@beeper.com>

* Move calculation of whether to render custom reaction images up to ReactionRow

Signed-off-by: Sumner Evans <sumner@beeper.com>

* Make alt text more friendly when custom reaction doesn't have shortcode

Signed-off-by: Sumner Evans <sumner@beeper.com>

* Add test for ReactionsRowButton

Signed-off-by: Sumner Evans <sumner@beeper.com>

* Apply suggestions from code review

Co-authored-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Don't use Optional

Signed-off-by: Sumner Evans <sumner@beeper.com>

* Fix ReactionsRowButton test

Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
Signed-off-by: Sumner Evans <sumner@beeper.com>

---------

Signed-off-by: Sumner Evans <sumner@beeper.com>
Co-authored-by: Tulir Asokan <tulir@maunium.net>
Co-authored-by: Šimon Brandner <simon.bra.ag@gmail.com>
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
2023-09-01 10:16:24 +00:00
..
_CallEvent.pcss Compound Typography pass (#11103) 2023-06-29 10:30:25 +00:00
_common_CryptoEvent.pcss Use compound colours for verification badges (#9794) 2022-12-20 02:07:28 +00:00
_CreateEvent.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_DateSeparator.pcss Use Intl to localise dates and times (#11422) 2023-08-21 19:38:59 +00:00
_DecryptionFailureBody.pcss Improve decryption error UI by consolidating error messages and providing instructions when possible (#9544) 2022-12-15 17:24:33 +00:00
_DisambiguatedProfile.pcss Fix bubble message layout avatar overlap (#11284) 2023-07-18 08:36:01 +00:00
_EventTileBubble.pcss Compound Typography pass (#11103) 2023-06-29 10:30:25 +00:00
_HiddenBody.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_JumpToDatePicker.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_LegacyCallEvent.pcss Fix voice call tile size (#11285) 2023-07-18 08:35:53 +00:00
_MediaBody.pcss Fix colour regressions (#11273) 2023-07-17 09:59:10 +00:00
_MEmoteBody.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_MessageActionBar.pcss Remove feature_favourite_messages as it is has been abandoned for now (#11097) 2023-06-15 11:02:45 +00:00
_MessageTimestamp.pcss Update style rules of MessageTimestamp (#10780) 2023-05-04 12:19:26 +00:00
_MFileBody.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_MImageBody.pcss Replace $timeline-image-border-radius with a CSS custom property (#10792) 2023-05-09 21:06:19 +00:00
_MImageReplyBody.pcss Remove some obsolete CSS rules (#10754) 2023-05-03 13:26:10 +00:00
_MJitsiWidgetEvent.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_MjolnirBody.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_MLocationBody.pcss Replace $timeline-image-border-radius with a CSS custom property (#10792) 2023-05-09 21:06:19 +00:00
_MNoticeBody.pcss Fix colour regressions (#11273) 2023-07-17 09:59:10 +00:00
_MPollBody.pcss Compound Typography pass (#11103) 2023-06-29 10:30:25 +00:00
_MPollEndBody.pcss Render poll end events in timeline (#10027) 2023-02-07 21:12:39 +00:00
_MStickerBody.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_MTextBody.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_MVideoBody.pcss Replace $timeline-image-border-radius with a CSS custom property (#10792) 2023-05-09 21:06:19 +00:00
_ReactionsRow.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_ReactionsRowButton.pcss Render custom images in reactions (#11087) 2023-09-01 10:16:24 +00:00
_RedactedBody.pcss Compound color pass (#11079) 2023-07-12 17:46:49 +00:00
_RoomAvatarEvent.pcss Fix event info events size and color (#11252) 2023-07-13 09:35:08 +00:00
_TextualEvent.pcss Compound color pass (#11079) 2023-07-12 17:46:49 +00:00
_UnknownBody.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_ViewSourceEvent.pcss Remove TODO comments about spacing variables (#10695) 2023-06-06 14:03:52 +00:00