element-web/res/css/views/rooms
Šimon Brandner 6b3098d8fe
Further improve replies (#6396)
* Give reply tile an avatar

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Improve `in reply to`

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Drop `In reply to` for `Expand thread`

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Fix avatar alignment

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Fix default avatar alignment

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Simplifie code

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Simplifie some more code

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Make replies lighter

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Give replies a hover effect

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Revert changes to sender profile in replies

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Improve padding

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Increase line height of replies

to keep descenders from being cut off, and generally give them more room
to breathe.

Signed-off-by: Robin Townsend <robin@robin.town>

* Replace reply hover effect with a color change

Signed-off-by: Robin Townsend <robin@robin.town>

* Replace expand thread hover effect with an opacity change

Signed-off-by: Robin Townsend <robin@robin.town>

* Simplify image and sticker reply designs

Signed-off-by: Robin Townsend <robin@robin.town>

* Revise file and deleted message padding to match new reply layout

Signed-off-by: Robin Townsend <robin@robin.town>

* Remove unneeded CSS

Since the download button for files got moved out of the timeline and
into the message action bar, hiding it manually is no longer necessary.

Signed-off-by: Robin Townsend <robin@robin.town>

* Hide edited indicator from replies

There are a few reasons for this: it adds visual noise to what is meant
to be a brief preview, it can sometimes add an extra line to the reply
preview, and clicking on it inside a reply was broken due to the
stacking of event listeners.

Signed-off-by: Robin Townsend <robin@robin.town>

* Fix i18n

Signed-off-by: Robin Townsend <robin@robin.town>

* "Expand thread" -> "Expand replies"

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Add a missing import

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Remove unused import

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Remove unused import

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Use `this.state`

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Fix sender profile confusion

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Implement suggested changes

* Make "In reply to" the same color as reply previews

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
Signed-off-by: Robin Townsend <robin@robin.town>
Co-authored-by: Robin Townsend <robin@robin.town>
2022-11-29 08:49:43 +01:00
..
wysiwyg_composer Add placeholder for rich text editor (#9613) 2022-11-24 10:31:56 +00:00
_AppsDrawer.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_Autocomplete.pcss Rename PostCSS files to `.pcss` (#9013) 2022-07-15 14:53:23 +01:00
_AuxPanel.pcss Rename PostCSS files to `.pcss` (#9013) 2022-07-15 14:53:23 +01:00
_BasicMessageComposer.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_E2EIcon.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_EditMessageComposer.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_EmojiButton.pcss Add CI to run rethemendex.sh (#9577) 2022-11-14 18:31:20 +00:00
_EntityTile.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_EventBubbleTile.pcss New group call experience: Call tiles (#9332) 2022-09-30 19:26:08 +00:00
_EventTile.pcss Add thread notification with server assistance (MSC3773) (#9400) 2022-10-24 07:50:21 +01:00
_HistoryTile.pcss Rename PostCSS files to `.pcss` (#9013) 2022-07-15 14:53:23 +01:00
_IRCLayout.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_JumpToBottomButton.pcss New group call experience: Room header and PiP designs (#9351) 2022-10-07 02:27:28 +00:00
_LinkPreviewGroup.pcss Rename PostCSS files to `.pcss` (#9013) 2022-07-15 14:53:23 +01:00
_LinkPreviewWidget.pcss Fix url preview AXE and layout issue & add percy test (#9189) 2022-08-17 16:07:18 +00:00
_LiveContentSummary.pcss New group call experience: Call tiles (#9332) 2022-09-30 19:26:08 +00:00
_MemberInfo.pcss Rename PostCSS files to `.pcss` (#9013) 2022-07-15 14:53:23 +01:00
_MemberList.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_MessageComposer.pcss Add CI to run rethemendex.sh (#9577) 2022-11-14 18:31:20 +00:00
_MessageComposerFormatBar.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_NewRoomIntro.pcss Rename PostCSS files to `.pcss` (#9013) 2022-07-15 14:53:23 +01:00
_NotificationBadge.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_PinnedEventTile.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_PresenceLabel.pcss Rename PostCSS files to `.pcss` (#9013) 2022-07-15 14:53:23 +01:00
_ReadReceiptGroup.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_RecentlyViewedButton.pcss Rename PostCSS files to `.pcss` (#9013) 2022-07-15 14:53:23 +01:00
_ReplyPreview.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_ReplyTile.pcss Further improve replies (#6396) 2022-11-29 08:49:43 +01:00
_RoomBreadcrumbs.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_RoomCallBanner.pcss Align video call icon with banner text (#9460) 2022-10-19 19:11:13 +00:00
_RoomHeader.pcss New group call experience: Room header and PiP designs (#9351) 2022-10-07 02:27:28 +00:00
_RoomInfoLine.pcss Fix the size of the 'Private space' icon (#9638) 2022-11-28 23:22:52 -05:00
_RoomList.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_RoomListHeader.pcss Rename PostCSS files to `.pcss` (#9013) 2022-07-15 14:53:23 +01:00
_RoomPreviewBar.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_RoomPreviewCard.pcss Element Call video rooms (#9267) 2022-09-16 11:12:27 -04:00
_RoomSublist.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_RoomTile.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_RoomUpgradeWarningBar.pcss Rename PostCSS files to `.pcss` (#9013) 2022-07-15 14:53:23 +01:00
_SearchBar.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_SendMessageComposer.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_Stickers.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_ThreadSummary.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_TopUnreadMessagesBar.pcss New group call experience: Room header and PiP designs (#9351) 2022-10-07 02:27:28 +00:00
_VoiceRecordComposerTile.pcss Improve design of the rich text editor (#9533) 2022-11-04 15:36:50 +00:00
_WhoIsTypingTile.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00