5fa0908752
Merge pull request #6624 from SimonBrandner/fix/call-tile-button/18565
...
Fix call tile buttons
2021-08-18 12:03:18 +01:00
95f4513bd2
Make UI respond to thread events
2021-08-17 17:42:47 +01:00
458f860a26
Merge branch 'develop' into gsouquet/threaded-messaging-2349
2021-08-17 11:14:21 +01:00
d8f58e95cb
Use the secondary color for all
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-16 18:41:21 +02:00
93fee442e6
Fix call tile buttons
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-16 15:30:45 +02:00
c856d433d6
Trim long display names
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-16 10:08:16 +02:00
cda91e44e0
Use new call state icons
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-13 11:37:17 +02:00
c79852a9f0
Left align call tiles
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-13 10:59:59 +02:00
5ac5640939
Add a little padding
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-13 10:35:31 +02:00
39bb253d1f
Merge remote-tracking branch 'upstream/develop' into feature/narrow-voip-tiles/18398
2021-08-13 10:30:21 +02:00
8b59bf3d18
$tertiary-fg-color -> $tertiary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:19:29 +02:00
10bc85724a
$secondary-fg-color -> $secondary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:19:26 +02:00
e5fd19c332
$primary-fg-color -> $primary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:18:18 +02:00
2afee596a9
$primary-bg-color -> $background
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:17:34 +02:00
c872609ed3
Modify encrypted images loading for better UX
...
Adds proper react css transition to encrypted images placeholders, so
that we can animate it's entrance and exit properly.
In addition, adds simple css animations file to properly handle all of
the animations in one place, so that it's much easier to properly handle
prefers-reduced-motion media query.
2021-08-10 19:24:17 +02:00
d971802789
Create ThreadView phase in RightPanel
2021-08-10 14:30:12 +02:00
efeae3a84c
Top align the avatar
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-05 13:39:39 +02:00
5fa6ef83d2
Fix button alighnment
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-05 12:35:44 +02:00
9e4f5719a4
Handle narrow layouts
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-05 11:47:58 +02:00
dd53324981
Merge pull request #6509 from matrix-org/travis/voice-messages/download-2
...
Improve download interactions
2021-07-30 10:50:27 -06:00
375f7b670a
Merge branch 'develop' into gsouquet/fix-18144
2021-07-30 08:10:15 +01:00
fb89b45c06
Unify and improve download interactions
...
With help from Palid.
This does two major things:
1. Makes the tile part of a file body clickable to trigger a download.
2. Refactors a lot of the recyclable code out of the DownloadActionButton in favour of a utility. It's not a perfect refactoring, but it sets the stage for future work in the area (if needed).
The refactoring still has a heavy reliance on being supplied an iframe, but simplifies the DownloadActionButton and a hair of the MFileBody download code. In future, we'd probably want to make the iframe completely managed by the FileDownloader rather than have it only sometimes manage a hidden iframe.
2021-07-29 15:36:50 -06:00
e140dd6ba1
Merge branch 'develop' into gsouquet/fix-18132
2021-07-29 10:27:00 +02:00
ee7f3c000d
Merge branch 'develop' into gsouquet/fix-18144
2021-07-29 10:04:47 +02:00
486d576b23
Merge branch 'develop' into gsouquet/fix-18132
2021-07-26 15:49:55 +02:00
2577211855
Make CallEvent tiles the same width all the time
2021-07-26 09:42:17 +02:00
aedd535c92
Correct iconography for missed calls
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-25 08:37:25 +02:00
4fe0e216d6
Use div instead of span for mx_MImageBody to not violate spec
2021-07-23 16:22:35 +01:00
5f2582395f
Fix blurhash rounded corners missing regression
2021-07-23 16:21:59 +01:00
0768f03097
Migrate ViewSourceEvent to TypeScript
2021-07-22 17:11:23 +02:00
87ac2d7cc5
Move padding and width to MediaBody styles
2021-07-21 14:47:02 -06:00
3023fda497
Make MFileBody inherit the MediaBody styles
2021-07-21 14:46:25 -06:00
5386d23008
Fix voice message tile taking up a couple extra px at the bottom
...
... by returning it to the default block shape.
2021-07-21 14:43:26 -06:00
a7cd5fc49b
Shift thumbnail dislay to use object-fit to preserve aspect-ratio
2021-07-21 10:03:10 +02:00
5994111e5d
Merge remote-tracking branch 'origin/develop' into travis/voice-messages/download
2021-07-20 08:55:53 -06:00
dd6379cf4b
Merge remote-tracking branch 'upstream/develop' into feature/call-event-tile
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-20 13:15:04 +02:00
53ae7817bc
Merge pull request #6291 from matrix-org/gsouquet/message-bubbles-4635
2021-07-20 10:22:41 +01:00
06c9a060b4
Merge branch 'develop' into gsouquet/message-bubbles-4635
2021-07-20 10:16:21 +02:00
5db20d9431
Fix placeholder centering
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-20 08:54:32 +02:00
31d7de628e
Small tweaks
2021-07-16 16:04:23 -06:00
b57fff5739
Update visual style and sandbox properly
2021-07-16 15:55:07 -06:00
16ed5c6645
Merge remote-tracking branch 'upstream/develop' into feature/call-event-tile
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-16 21:43:33 +02:00
68640a4dbd
Fix icon postion
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-15 15:16:05 +02:00
f26c75bdcc
Use margin instead of padding
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-14 10:23:10 +02:00
18355599e8
Fix senderProfile getting cutoff
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-14 10:07:41 +02:00
866a11d7e3
Fix image alignment issues
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-13 11:49:49 +02:00
722c360de0
Use the correct color for silence button
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-08 14:42:05 +02:00
2615ea7f3f
Add icons to buttons
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-08 14:35:06 +02:00
9ec3d93402
Better handling of call types
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-08 14:19:02 +02:00
6f1fc3fc7e
Fix call button spacing issues
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-08 13:43:59 +02:00
10bdb3cefa
Merge branch 'develop' into gsouquet/message-bubbles-4635
2021-07-07 13:07:43 +02:00
e582b1559b
Fix redacted messages (again)
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-02 15:09:02 +02:00
0fe10e4502
Fix replies to deleted messages
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-02 14:22:46 +02:00
b014763cd2
Merge remote-tracking branch 'upstream/develop' into feature/call-event-tile
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-02 13:14:14 +02:00
5240209529
Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering
2021-07-02 12:39:51 +03:00
1f337b28ac
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into travis/blurhash
...
Conflicts:
src/ContentMessages.tsx
src/components/structures/UploadBar.tsx
src/components/views/messages/MImageBody.js
src/components/views/messages/MStickerBody.js
src/components/views/messages/MVideoBody.tsx
2021-07-01 20:48:34 +01:00
5e3c8fae5c
put this just on the buttons
2021-07-01 15:22:44 +01:00
66d95ed7b2
Fix button styling in verification bubbles
2021-07-01 14:51:20 +01:00
12d7be2b6a
Merge branch 'develop' into travis/new-audio
2021-06-30 13:25:41 -06:00
d9eec1c03b
Merge branch 'develop' into gsouquet/message-bubbles-4635
2021-06-30 08:58:20 +01:00
fdced3da1b
Remove reminescent references to the tinter
2021-06-30 08:09:55 +01:00
964a97d59e
Merge remote-tracking branch 'origin/develop' into travis/new-audio
2021-06-28 20:52:44 -06:00
9c752680ba
Tile styling and early behaviour
2021-06-24 13:56:11 -06:00
ffef2e58cb
Unify audio message types to new media body
2021-06-24 11:38:35 -06:00
9f2eba4351
Fix class identifiers
2021-06-24 11:38:35 -06:00
0fe6a28853
Merge remote-tracking branch 'upstream/develop' into feature/pinned-click
2021-06-24 10:57:09 +02:00
8d47ea63c2
Make pinned message text clickable
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-24 10:41:55 +02:00
5d93216c94
Decrease e2e shield fill mask size so that it doesn't overlap
2021-06-23 16:10:47 +01:00
202cb0f5d8
Fix styling of buttons
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-21 17:05:36 +02:00
401fe1d05b
Add call silencing to CallEvent
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-19 20:03:09 +02:00
6271c5c3d8
first iteration for message bubble layout
2021-06-18 18:59:22 +01:00
62de75ab00
Increase height
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-18 16:19:57 +02:00
9b6195317e
Improve padding
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-18 16:14:54 +02:00
a781d6f128
Adjust padding and line-height a bit
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-17 18:13:52 +02:00
512c054656
Add call type icon
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-17 17:55:18 +02:00
02e6559330
Set text color to secondary-fg-color
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-17 17:04:56 +02:00
7b6c3aec63
Change some styling to better match the designs
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-17 16:33:00 +02:00
949532c297
Merge remote-tracking branch 'upstream/develop' into feature/call-event-tile
2021-06-17 15:53:25 +02:00
cdd2773aa6
Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering
2021-06-15 17:37:49 +03:00
660a849cdd
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into travis/blurhash
...
Conflicts:
package.json
src/ContentMessages.tsx
yarn.lock
2021-06-15 12:58:29 +01:00
8174973cfe
Use the same styling as for mx_TextualEvent
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-10 15:31:27 +02:00
fccd71f82e
Update styling based on review
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-09 06:23:51 +02:00
025148d9fc
Merge branch 'develop' into show-username
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-07 19:37:22 +02:00
059241b5cc
Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering
2021-06-07 19:26:12 +03:00
70a5715b3d
Support hangup reasons
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-01 14:46:41 +02:00
0785997983
Handle missed calls
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-01 11:28:45 +02:00
86402e9788
Add some styling
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-01 10:03:23 +02:00
5e4a10ab84
Reorganize HTML
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-01 07:55:55 +02:00
f94230c292
Fix css
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-05-30 19:44:17 +02:00
5e8df03724
Fix styling a bit
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-05-30 19:44:17 +02:00
4ae92d8adc
Hook up TimelineCallEventStore and add Avatar
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-05-30 19:44:17 +02:00
cd67d50a85
Add basic CallEvent styling
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-05-30 19:44:17 +02:00
153d0ae66d
Merge pull request #6066 from matrix-org/niquewoodhouse-message-action-bar-refine-ui
...
Improve styling of the message action bar
2021-05-24 13:30:27 +01:00
3f9b6caacd
fix missing rounded corners on blurhash placeholder
2021-05-21 21:46:18 +01:00
8d072cedff
Update _MessageActionBar.scss
...
Correct error on css hover for message action button background colour change
2021-05-19 12:11:24 +01:00
5daca41bfb
Update _MessageActionBar.scss
...
Increase size of buttons
2021-05-19 11:17:34 +01:00
8a3db3b40a
Update _MessageActionBar.scss
...
Refine UI of message action bar to increase usability and focus on bar content.
2021-05-19 10:25:54 +01:00
f0a0d7f998
Fix add reactions prompt button jumping timeline if font set lower than default
2021-05-17 10:01:24 +01:00
76afc1100a
Convert to Typescript and move from ClientPeg to Context
2021-05-13 14:13:00 +01:00
87ae47bd61
tweak reactions row some more, third try lucky
2021-05-13 13:59:10 +01:00
36633ec025
Tweak alignment of reactions row, move add reaction to right and only show on hover
2021-05-13 13:32:38 +01:00
b5fa4d88bf
Add extra add reactions button to encourage more diverse reactions to content
2021-05-13 10:56:51 +01:00
3af0138e9d
Update emoji icons to new style
2021-05-13 10:28:35 +01:00
cc919452b5
Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering
2021-05-07 00:07:51 +03:00
b0cb996cac
Update visual style of plain files in the timeline
2021-05-04 21:13:37 -06:00
3f4ee9742a
Simple rendering of voice messages in the timeline
...
Fixes https://github.com/vector-im/element-web/issues/17138
2021-05-03 11:41:14 -06:00
09f9916916
Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering
2021-05-01 15:37:32 +03:00
f766f985e4
Change cursor to not-allowed
2021-04-30 08:25:58 +05:30
c5dd6b4dfb
Update action bar to incorporate sending states
...
This moves most of them out of the context menu.
2021-04-21 16:24:17 -06:00
9658a760c8
Use timestamp color
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-21 17:41:21 +02:00
eee1294374
Make both have the same baseline
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-21 17:37:25 +02:00
faca498523
Don't use gap
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-20 11:12:16 +02:00
61a260cd40
Format mxid
2021-04-18 20:02:22 +02:00
99717db762
Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering
2021-03-19 21:58:30 +02:00
8c8b46b984
Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering
2021-03-12 14:18:12 +02:00
a7debdd946
Fix tinting for download icon
...
As shown in https://github.com/vector-im/element-web/issues/16546
2021-03-10 12:32:18 -07:00
5d6e3d5711
UI refresh for uploaded files
...
Fixes https://github.com/vector-im/element-web/issues/16557
Fixes https://github.com/vector-im/element-web/issues/9482 (technically)
There's two changes in this:
1. The actual file body in the timeline now has a placeholder thing.
2. We're intentionally dropping all the "Travis uploaded a file" sender profile states.
2021-03-04 20:07:48 -07:00
3db6a45010
Revert "Merge pull request #5637 from williamkray/wreck/clean-thumbnail-changes"
...
This reverts commit 5c1b38a48cec4a39a694
2021-02-23 12:03:08 +00:00
dfcf701449
Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering
2021-02-19 21:47:10 +02:00
e72a7567f7
drop video preview max-height to 300px
2021-02-08 09:25:08 -08:00
84eba59afa
Merge branch 'develop' into improve-codeblock
2021-02-08 15:26:50 +01:00
cdb0d1c12e
Move and use icons from widget dir
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-08 15:22:10 +01:00
eee9cf153b
Fix trash alignment
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-03 08:15:59 +01:00
44649ca372
Merge pull request #5333 from resynth1943/add-border-radius-for-video
...
Add border-radius for video
2020-11-19 11:00:07 +00:00
602232a524
Update res/css/views/messages/_CreateEvent.scss
...
Co-authored-by: Travis Ralston <travpc@gmail.com>
2020-11-05 16:08:36 +00:00
81f1e1d8d7
delint
2020-11-05 15:54:21 +00:00
664079a127
Use MiniAvatarUploader for the new NewRoomIntro component
2020-11-05 15:50:42 +00:00
af71b0735d
Change icon for the Create Event bubble tile
2020-11-04 17:24:03 +00:00
ff25a9b45d
Consolidate all EventTile bubble stuff into its own component and use it for the room continuation plinth
2020-11-04 17:06:38 +00:00
091143db52
Add border-radius for video
...
Images have a rounded border, so we may as well add it to videos.
Works fine in Chrome, and in other spec-compliant browsers.
Signed-off-by: Resynth <resynth1943@tutanota.com>
2020-10-18 22:40:19 +01:00
2bb7b6535f
Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering
2020-10-02 17:28:45 +03:00
b4af0140d4
Render Jitsi widget state events in a more obvious way
...
A clear improvement to this would be to include join/leave buttons in the tiles, however this is currently deferred.
2020-09-16 12:38:47 -06:00
75a0178dad
Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering
2020-09-04 12:41:38 +03:00
6e2a26443d
Fix corner rounding on images not always affecting right side
2020-08-17 10:55:54 +01:00
3ece2dd21d
Fix action bar safe area regression
...
The action bar was recently moved, but the safe area was not, which left a gap
between the event and the action bar, making it quite easy to trigger hover on a
different event instead of reaching the action bar.
Fixes https://github.com/vector-im/element-web/issues/14953
Regressed by https://github.com/matrix-org/matrix-react-sdk/pull/5056
2020-08-13 19:24:11 +01:00
db5121aeca
Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering
2020-08-03 16:49:43 +03:00
8460175389
Move actions above tile
2020-07-27 16:21:44 +01:00
1d6c2b786e
File panel spacing and corner rounding
2020-07-27 16:21:41 +01:00
b02175793e
Use OpenType tabular numbers in timestamps
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-23 14:52:01 +01:00
ee8d885e70
Merge pull request #5020 from matrix-org/t3chguy/fix/14649
...
Update crypto event icon to match rest of app styling
2020-07-20 15:21:03 +01:00
ce398c0b34
Merge pull request #5019 from matrix-org/t3chguy/fix/14650
...
Fix Reactions Row Button vertical misalignment due to forced height
2020-07-20 15:20:14 +01:00
dfed3342b6
Fix white infill and verified/warning icons too
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-20 14:09:16 +01:00
519ebdb67a
Update crypto event icon to match rest of app styling
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-20 14:05:07 +01:00
80c65b97a8
Fix Reactions Row Button vertical misalignment due to forced height
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-20 11:17:09 +01:00
e9633b2e3b
Use mouseleave instead of mouseout for hover events. Fix tooltip flicker
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-18 12:01:51 +01:00
d5f2d43429
Improve Tooltip font/layout consistency
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-16 15:15:00 +01:00
8fd9dbf1d8
moar icon changes
2020-07-06 18:28:54 +02:00
4e5680de85
Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering
2020-05-25 19:21:19 +03:00
004f75f289
Rename `trash (custom).svg` as electron doesn't like serving files with spaces
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-12 16:16:47 +01:00
6ff093f5a3
Bring back UnknownBody for UISIs
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-08 19:15:59 +01:00
David Baker