6120adaedd
correctly align read receipts to state events in bubble layout ( #8419 )
2022-04-28 15:39:17 +02:00
8baa46b0dd
Fix baseline misalignment of thread panel summary by deduplication ( #8413 )
2022-04-27 18:10:27 +01:00
ee2ee3c08c
Implement new Read Receipt design ( #8389 )
...
* feat: introduce new alignment types for tooltip
* feat: introduce new hook for tooltips
* feat: allow using onFocus callback for RovingAccessibleButton
* feat: allow using custom class for ContextMenu
* feat: allow setting tab index for avatar
* refactor: move read receipts out of event tile
* feat: implement new read receipt design
* feat: update SentReceipt to match new read receipts as well
2022-04-22 17:09:44 +02:00
605fbd3e4e
Remove float property to let the margin between events appear on bubble message layout ( #8373 )
...
* Add margin between events on bubble message layout
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Use more simplified way
Because the float property prevents the margin from appearing, removing
the property is more straightforward than adding other rules.
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
Co-authored-by: Kerry <kerrya@element.io>
2022-04-20 19:24:34 +00:00
1436f23e2f
Fix image preview sizing for edge cases ( #8322 )
2022-04-14 20:07:34 +02:00
661e2c2aa5
Live location sharing - beacon map in timeline ( #8286 )
...
* add displaystatus util
Signed-off-by: Kerry Archibald <kerrya@element.io>
* map fallback svg
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add Map to mbeaconbody
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add bubble layout handling
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test beaconbody
Signed-off-by: Kerry Archibald <kerrya@element.io>
* typo
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use randomString from js-sdk
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-04-12 09:13:55 +01:00
af6bd63ac7
Fix some image/video scroll jumps ( #8182 )
...
* Fix some image/video scroll jumps
* Fix aspect ratio formatting
* Fix videos not being responsive to timeline width
2022-03-28 19:07:02 +00:00
bff1ef31d6
Use styled mxids in member list v2 ( #8110 )
...
* Revert "Revert "Use styled mxids in member list (#6328 )" (#8107 )"
This reverts commit 709e6e78d2
2022-03-22 16:14:55 -06:00
71ddd9d78d
Prevent event tiles being shrunk/collapsed by flexbox ( #7942 )
2022-03-02 14:24:43 +00:00
714136d4f7
Consolidate RedactionGrouper and HiddenEventGrouper into MELS ( #7739 )
2022-02-09 10:51:12 +00:00
18995363d0
Make polls fill column width in bubbles layout ( #7661 )
2022-02-01 09:27:14 +00:00
074fec359b
Fix issue with tile error boundaries collapsing in bubbles layout ( #7653 )
2022-01-27 13:34:26 +00:00
20819df60b
Fix emojis getting cropped in irc & bubble layouts by anti-zalgo ( #7637 )
...
Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>
2022-01-27 09:45:52 +00:00
fb49ccce35
Show bubble tile timestamps for bubble layout inside the bubble ( #7622 )
2022-01-25 13:10:17 +00:00
777af0cf10
Bubble layout fixes to media events ( #7615 )
2022-01-24 19:01:20 +00:00
d60b234b75
Don't render a bubble around emotes in bubble layout ( #7573 )
2022-01-24 13:51:57 +00:00
6806c2cdca
Enlarge emoji in composer ( #7602 )
2022-01-24 12:53:05 +00:00
b50060bcfc
Fix MAB overlapping or overflowing in bubbles layout and threads regressions ( #7569 )
...
* Fix MAB overlapping or overflowing in bubbles layout
* Fix bubbles in threads timestamps positioning regression
2022-01-19 01:48:07 +00:00
f217c6fd61
Update bubble layout styling for stickers ( #7560 )
2022-01-18 10:37:44 +00:00
4b5ca1d7a9
Fix timeline jumping issues related to bubble layout ( #7529 )
2022-01-18 09:31:21 +00:00
cb42173e11
Make widgets and calls span across the whole room width when using bubble layout ( #7553 )
2022-01-17 10:01:31 +00:00
657b0a4c28
Fix alignment of timestamps in bubble layout ( #7535 )
2022-01-13 22:45:54 +00:00
6d9d9a56b4
Apply border-radius onto linear gradient in bubble layout ( #7536 )
2022-01-13 16:42:32 +00:00
44b9b6ca57
Restore ability to click to lightbox image in bubble layout ( #7533 )
2022-01-13 12:45:35 +00:00
db3be7d49e
Add linear gradient to images in bubble layout ( #7521 )
2022-01-13 09:32:27 +00:00
f5465b37a9
Allow bubble layout in Thread View ( #7478 )
2022-01-12 09:02:30 +00:00
53a72dafa9
Limit max-width for bubble layout to 1200px ( #7458 )
2022-01-11 17:21:59 +00:00
3ca84fcd25
Improve look of call events in bubble layout ( #7445 )
2022-01-11 17:11:08 +00:00
beac9563d6
Make files & voice memos in bubble layout match colouring ( #7457 )
2022-01-11 16:04:39 +00:00
fbfd2c3d20
Fix read receipts and sent indicators for bubble layout ( #7460 )
2022-01-10 12:53:23 +00:00
8b88b48edc
Remove bubble from around location events ( #7459 )
2022-01-10 12:53:11 +00:00
fb74f9a9b4
Move timestamps into message bubbles ( #7417 )
2021-12-23 15:48:16 +00:00
2430bd7eb4
Fix MessageActionBar alignment in Bubble layout ( #7414 )
2021-12-23 15:48:00 +00:00
818465a4d6
Increase gap between ELS and the subsequent event to prevent overlap ( #7391 )
2021-12-17 09:28:10 +00:00
d009cebb07
Fix sizing of e2e shield in bubble layout ( #7394 )
2021-12-16 18:35:51 +00:00
4a9173a7f1
Fix alignment between ELS and Events in bubble layout ( #7392 )
...
* Fix alignment between ELS and Events in bubble layout
* Improve ELS behaviour in bubble layout
2021-12-16 18:34:59 +00:00
11aa6c7435
Don't show a message bubble around polls ( #7374 )
...
* Don't show a message bubble around polls
* Update res/css/views/rooms/_EventBubbleTile.scss
2021-12-15 19:47:57 +00:00
9abb2f5ff4
Color cleanup 8 ( #7108 )
...
* $accent-color -> $accent
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $accent-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $notice-primary-color -> $alert
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $notice-primary-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $accent-50pct
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $warning-color -> $alert
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $accent-darker
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $orange-warning-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $warning-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $info-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-11-11 13:37:29 +00:00
71d8946641
Color cleanup number 7 ( #7094 )
...
* $reaction-row-button-selected-border-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $reaction-row-button-bg-color -> $header-panel-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $room-warning-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $button-link-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $tab-label-icon-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $tab-label-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $event-redacted-border-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $event-redacted-fg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $panel-divider-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $search-placeholder-color -> #61708b
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $search-bg-color -> #181b21
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $header-panel-border-color -> #000000
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $scrollbar-track-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $eventbubble-avatar-outline -> $background
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-11-10 09:46:33 +00:00
07d9e93d67
Color cleanup number six ( #7050 )
...
* Remove $voip-decline-color and $voip-accept-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $dialog-background-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $mention-user-pill-bg-color -> $warning-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $plinth-bg-color -> $secondary-accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $input-lighter-fg-color -> $input-darker-fg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $input-valid-border-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $input-invalid-border-color -> $warning-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $button-bg-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $avatar-bg-color -> $background
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $preview-widget-fg-color -> $greyed-fg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $settings-profile-button-fg-color -> $settings-profile-overlay-placeholder-fg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $presence-online -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $pinned-unread-color -> $notice-primary-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $event-highlight-fg-color -> $warning-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $tab-label-active-bg-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $button-primary-bg-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $button-danger-bg-color -> $notice-primary-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $button-link-fg-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $togglesw-on-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $slider-selection-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $progressbar-fg-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $authpage-body-bg-color -> $background
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Fix merge issue
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Fix second merge issue
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-11-08 11:50:53 +00:00
3f3e4ff674
Don't apply message bubble visual style to media messages ( #7040 )
...
* PSFD-457: Don't apply message bubble visual style to media messages
* Match corner rounding for images
2021-10-28 08:32:30 -06:00
43cbb947b6
PSFD-454: Add padding between controls on edit form in message bubbles ( #7039 )
...
8px arbitrarily to make it not squishy
2021-10-27 08:17:52 -06:00
5c66bd6c7b
Add `max-empty-lines` and `no-eol-whitespace` to stylelint ( #7034 )
2021-10-26 08:23:23 +01:00
df407ef3a8
Fix EventTileSummary layout for message bubbles
2021-10-19 09:31:28 +01:00
9319f07291
Revert "Fix threads with bubbles rendering ( #6971 )"
...
This reverts commit a2bc090607
2021-10-19 09:16:40 +01:00
77e6e1c0ab
Merge pull request #6960 from matrix-org/gsouquet/rename-replythread
2021-10-18 17:11:31 +01:00
a2bc090607
Fix threads with bubbles rendering ( #6971 )
...
Fixes https://github.com/vector-im/element-web/issues/18958
2021-10-18 15:41:05 +01:00
5a7c0d87b6
Rename ReplyThread to ReplyChain to avoid confusion with m.thread
2021-10-15 17:42:44 +01:00
fdb004b4e8
Merge pull request #6785 from robintown/message-bubble-misc
...
Fix various message bubble alignment issues
2021-09-14 13:26:03 -06:00
9b3da61ae4
Remove unnecessary unset
...
Signed-off-by: Robin Townsend <robin@robin.town>
2021-09-14 12:37:45 -04:00
Janne Mareike Koschinski