Commit graph

107 commits

Author SHA1 Message Date
Suguru Hirahara
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
Travis Ralston
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
Šimon Brandner
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
Suguru Hirahara
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
Suguru Hirahara
f08f764f22
Specify position of DisambiguatedProfile inside a thread on bubble message layout (#8452) 2022-05-03 14:28:17 +01:00
Suguru Hirahara
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
Suguru Hirahara
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
Janne Mareike Koschinski
6120adaedd
correctly align read receipts to state events in bubble layout (#8419) 2022-04-28 15:39:17 +02:00
Michael Telatynski
8baa46b0dd
Fix baseline misalignment of thread panel summary by deduplication (#8413) 2022-04-27 18:10:27 +01:00
Janne Mareike Koschinski
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
Suguru Hirahara
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
Janne Mareike Koschinski
1436f23e2f
Fix image preview sizing for edge cases (#8322) 2022-04-14 20:07:34 +02:00
Kerry
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
Robin
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
Šimon Brandner
bff1ef31d6
Use styled mxids in member list v2 (#8110)
* Revert "Revert "Use styled mxids in member list (#6328)" (#8107)"

This reverts commit 709e6e78d2.

* Fix disambiguated profile for bubbles

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2022-03-22 16:14:55 -06:00
Michael Telatynski
71ddd9d78d
Prevent event tiles being shrunk/collapsed by flexbox (#7942) 2022-03-02 14:24:43 +00:00
Michael Telatynski
714136d4f7
Consolidate RedactionGrouper and HiddenEventGrouper into MELS (#7739) 2022-02-09 10:51:12 +00:00
Michael Telatynski
18995363d0
Make polls fill column width in bubbles layout (#7661) 2022-02-01 09:27:14 +00:00
Michael Telatynski
074fec359b
Fix issue with tile error boundaries collapsing in bubbles layout (#7653) 2022-01-27 13:34:26 +00:00
Michael Telatynski
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
Michael Telatynski
fb49ccce35
Show bubble tile timestamps for bubble layout inside the bubble (#7622) 2022-01-25 13:10:17 +00:00
Michael Telatynski
777af0cf10
Bubble layout fixes to media events (#7615) 2022-01-24 19:01:20 +00:00
Michael Telatynski
d60b234b75
Don't render a bubble around emotes in bubble layout (#7573) 2022-01-24 13:51:57 +00:00
Robin
6806c2cdca
Enlarge emoji in composer (#7602) 2022-01-24 12:53:05 +00:00
Michael Telatynski
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
Michael Telatynski
f217c6fd61
Update bubble layout styling for stickers (#7560) 2022-01-18 10:37:44 +00:00
Michael Telatynski
4b5ca1d7a9
Fix timeline jumping issues related to bubble layout (#7529) 2022-01-18 09:31:21 +00:00
Šimon Brandner
cb42173e11
Make widgets and calls span across the whole room width when using bubble layout (#7553) 2022-01-17 10:01:31 +00:00
Michael Telatynski
657b0a4c28
Fix alignment of timestamps in bubble layout (#7535) 2022-01-13 22:45:54 +00:00
Michael Telatynski
6d9d9a56b4
Apply border-radius onto linear gradient in bubble layout (#7536) 2022-01-13 16:42:32 +00:00
Michael Telatynski
44b9b6ca57
Restore ability to click to lightbox image in bubble layout (#7533) 2022-01-13 12:45:35 +00:00
Michael Telatynski
db3be7d49e
Add linear gradient to images in bubble layout (#7521) 2022-01-13 09:32:27 +00:00
Michael Telatynski
f5465b37a9
Allow bubble layout in Thread View (#7478) 2022-01-12 09:02:30 +00:00
Michael Telatynski
53a72dafa9
Limit max-width for bubble layout to 1200px (#7458) 2022-01-11 17:21:59 +00:00
Šimon Brandner
3ca84fcd25
Improve look of call events in bubble layout (#7445) 2022-01-11 17:11:08 +00:00
Michael Telatynski
beac9563d6
Make files & voice memos in bubble layout match colouring (#7457) 2022-01-11 16:04:39 +00:00
Michael Telatynski
fbfd2c3d20
Fix read receipts and sent indicators for bubble layout (#7460) 2022-01-10 12:53:23 +00:00
Michael Telatynski
8b88b48edc
Remove bubble from around location events (#7459) 2022-01-10 12:53:11 +00:00
Michael Telatynski
fb74f9a9b4
Move timestamps into message bubbles (#7417) 2021-12-23 15:48:16 +00:00
Michael Telatynski
2430bd7eb4
Fix MessageActionBar alignment in Bubble layout (#7414) 2021-12-23 15:48:00 +00:00
Michael Telatynski
818465a4d6
Increase gap between ELS and the subsequent event to prevent overlap (#7391) 2021-12-17 09:28:10 +00:00
Michael Telatynski
d009cebb07
Fix sizing of e2e shield in bubble layout (#7394) 2021-12-16 18:35:51 +00:00
Michael Telatynski
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
Michael Telatynski
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
Šimon Brandner
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
Šimon Brandner
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
Šimon Brandner
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
Travis Ralston
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
Travis Ralston
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
Šimon Brandner
5c66bd6c7b
Add max-empty-lines and no-eol-whitespace to stylelint (#7034) 2021-10-26 08:23:23 +01:00