9b92eca73d
Organize rules of GenericEventListSummary on bubble layout ( #8599 )
...
* Organize - data-expanded=false
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Organize - data-expanded=true
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Organize - EventTile
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Dedupe mx_GenericEventListSummary[data-layout=bubble]
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* yarn run lint:style --fix
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-05-18 14:10:02 +01:00
6f851108be
Fix position of the message action bar on left side bubbles ( #8398 )
...
* Fix position of the message action bar on data-self=false bubble
- Fix position of the bar on GenericEventListSummary as well
- Override default value `right: 8px` of MessageActionBar
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Use variables for MessageActionBar
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Set the right property to [data-self=true]
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Remove space for "React" and "Reply" buttons inside MessageActionBar on the left side bubble inside ThreadView
This commit removes space reserved for those buttons on deleted or "Unable to decrypt" message bubble inside ThreadView.
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-05-16 15:44:05 +00:00
bc0bfa6377
Iterate on search results for message bubbles ( #7047 )
...
* PSFD-455: Iterate on search results for message bubbles
Though not perfect, this is a bit better than it was before. Specifically, we ensure our matching for `isOwnEvent` correctly identifies the user and that the results don't look *awful*.
There's still room for improvement, but this should be a measurable improvement itself. Most notably, this doesn't fix a couple obvious bugs due to complexity:
* Message bubbles have the wrong corners for the display format (pre-existing).
* The sender's own messages are missing avatars/names. This is just way too complex to fix.
**Requires https://github.com/matrix-org/matrix-js-sdk/pull/2004 **
* Tweak opacity
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
2022-05-13 15:20:43 +00:00
1e73184b78
Improve message editing UI ( #8483 )
...
* Improve message editing UI
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove weird padding on bubble layout
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2022-05-12 12:27:06 +02:00
14127c777b
Align thread summary button with bubble messages on the left side ( #8388 )
...
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-05-10 18:01:46 +01:00
f08f764f22
Specify position of DisambiguatedProfile inside a thread on bubble message layout ( #8452 )
2022-05-03 14:28:17 +01:00
483112950d
Fix poll overflowing a reply tile on bubble message layout ( #8459 )
...
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-05-02 08:36:59 +00:00
7a0b3079be
Fix event text overflow on bubble message layout ( #8391 )
...
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-04-28 16:33:54 +00:00
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
Suguru Hirahara