element-web/res/css/views/elements
Š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
..
_AccessibleButton.pcss New password reset flow (#9581) 2022-11-22 07:58:37 +01:00
_CopyableText.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_DesktopCapturerSourcePicker.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_DialPadBackspaceButton.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_Dropdown.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_EditableItemList.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_ErrorBoundary.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_EventTilePreview.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_ExternalLink.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_FacePile.pcss New group call experience: Call tiles (#9332) 2022-09-30 19:26:08 +00:00
_Field.pcss Fix form tooltip positioning (#9598) 2022-11-21 15:48:41 +01:00
_GenericEventListSummary.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_ImageView.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_InfoTooltip.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_InlineSpinner.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_InteractiveTooltip.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_InviteReason.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_LabelledCheckbox.pcss Add gap between checkbox and text in report dialog (#9195) 2022-08-17 11:49:50 +00:00
_ManageIntegsButton.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_MiniAvatarUploader.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_Pill.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_PowerSelector.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_ProgressBar.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_QRCode.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_ReplyChain.pcss Further improve replies (#6396) 2022-11-29 08:49:43 +01:00
_ResizeHandle.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_RichText.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_RoleButton.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_RoomAliasField.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_SearchWarning.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_ServerPicker.pcss Spike AXE A11Y testing in Cypress (#9111) 2022-08-01 08:31:14 +01:00
_SettingsFlag.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_Slider.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_Spinner.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_SSOButtons.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_StyledCheckbox.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_StyledRadioButton.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_SyntaxHighlight.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_TagComposer.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_TextWithTooltip.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_ToggleSwitch.pcss Implement push notification toggle in device detail (#9308) 2022-09-27 13:35:54 +01:00
_Tooltip.pcss Fix form tooltip positioning (#9598) 2022-11-21 15:48:41 +01:00
_TooltipButton.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_UseCaseSelection.pcss Use flex-start instead of start in several places (#9500) 2022-10-25 17:00:33 -06:00
_UseCaseSelectionButton.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_Validation.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00