element-web/res/css/views/messages
David Baker a0c029c3c1
Fix alignment of RTL messages (#12837)
* Fix alignment of RTL messages

Inspired by https://github.com/matrix-org/matrix-react-sdk/pull/5453 but
hopefully with the edited marker in the right place.

This is a PoC: types aren't correct and the style needs pulling
out to a class. Plus it would probably need more visual tests added.
If this looks acceptable, I can make these changes.

* Fix spacing between text and edited annotation

* Update snapshot

* Update more snapshots

* More snapshots

* More more snapshots

* Split out style

* Fix emotes

This will cause them always be right-justified if the display name
is rtl.

* Add playwright test for ltr/rtl message rendering

* Better snapshots

* Await on message sending

* Better waiting, hopefully

* Old snapshot files

* Really hopefully fixed screenshots this time

* Don't include the message action bar in the screenshots
2024-07-31 22:23:46 +00:00
..
_CallEvent.pcss Compound Typography pass (#11103) 2023-06-29 10:30:25 +00:00
_CreateEvent.pcss
_DateSeparator.pcss Refine the colors of some more components (#12343) 2024-03-18 15:47:55 +00:00
_DecryptionFailureBody.pcss
_DisambiguatedProfile.pcss Improve stability of Playwright screenshot tests (#11983) 2023-12-04 11:02:48 +00:00
_EventTileBubble.pcss Fix Incorrect message scaling for verification request (#11793) 2023-10-26 07:07:32 +00:00
_HiddenBody.pcss
_JumpToDatePicker.pcss
_LegacyCallEvent.pcss Fix deformed avatar in call in a narrow timeline (#12538) 2024-05-16 08:00:57 +00:00
_MEmoteBody.pcss Fix alignment of RTL messages (#12837) 2024-07-31 22:23:46 +00:00
_MFileBody.pcss
_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
_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
_MStickerBody.pcss Use Compound tooltips more widely (#12128) 2024-01-11 11:49:24 +00:00
_MTextBody.pcss
_MVideoBody.pcss Replace `$timeline-image-border-radius` with a CSS custom property (#10792) 2023-05-09 21:06:19 +00:00
_MediaBody.pcss Fix colour regressions (#11273) 2023-07-17 09:59:10 +00:00
_MessageActionBar.pcss Refine styles of menus, toasts, popovers, and modals (#12332) 2024-03-13 13:38:32 +00:00
_MessageTimestamp.pcss Iterate `io.element.late_event` decoration (#11760) 2023-10-17 12:31:41 +00:00
_MjolnirBody.pcss
_ReactionsRow.pcss
_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 position of thumbnail in room timeline (#12016) 2023-12-14 11:16:05 +00:00
_TextualEvent.pcss Compound color pass (#11079) 2023-07-12 17:46:49 +00:00
_TimelineSeparator.pcss Refine the colors of some more components (#12343) 2024-03-18 15:47:55 +00:00
_UnknownBody.pcss
_ViewSourceEvent.pcss Remove TODO comments about spacing variables (#10695) 2023-06-06 14:03:52 +00:00
_common_CryptoEvent.pcss