Michael Telatynski
f5465b37a9
Allow bubble layout in Thread View ( #7478 )
2022-01-12 09:02:30 +00:00
Michael Telatynski
f8871969fd
Fix wrongly wrapping code blocks, breaking line numbers ( #7507 )
2022-01-11 10:50:29 +00:00
Michael Telatynski
3c1ce77d48
Properly maintain aspect ratio of inline images ( #7503 )
2022-01-10 15:32:06 +00:00
Michael Telatynski
fbfd2c3d20
Fix read receipts and sent indicators for bubble layout ( #7460 )
2022-01-10 12:53:23 +00:00
Kerry
fed53a268b
A11y - fix anchors-as-buttons ( #7444 )
...
* add link_inline accessiblebutton variant
* valid anchors in SecurityRoomSettingsTab
Signed-off-by: Kerry Archibald <kerrya@element.io>
* new room intro link button
Signed-off-by: Kerry Archibald <kerrya@element.io>
* replace anchor with button in rerequest encryption keys message
Signed-off-by: Kerry Archibald <kerrya@element.io>
* inline button in UrlPreviewSettings
Signed-off-by: Kerry Archibald <kerrya@element.io>
* ButtonResetDefault mixin
Signed-off-by: Kerry Archibald <kerrya@element.io>
* inline link buttons in TextForEvent
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix anchors in InviteDialog
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix anchors in DevToolsDialog
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix anchors in login/registration/reset pword flows
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix types after fixing anchors in devtools
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix anchors in MemberEventListSummary
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix anchors in ReactionsRow and RoomUpgrade
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix anchors in ReplyChain
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix more anchors
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix anchors in auth comps
* stylelint fixes
Signed-off-by: Kerry Archibald <kerrya@element.io>
* remove ignore of jsx-a11y rule that is not added yet
Signed-off-by: Kerry Archibald <kerrya@element.io>
* devtools style important explainer
Signed-off-by: Kerry Archibald <kerrya@element.io>
* translate button alt in devtools dialog
Signed-off-by: Kerry Archibald <kerrya@element.io>
* AccessibleButton is reactionsrow
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix viewsourcevent button placement, use AccessibleButton
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use AccessibleButton in EventTile
Signed-off-by: Kerry Archibald <kerrya@element.io>
* unignore jsx-a11y/anchor-is-valid
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix lint issue in test jsx
Signed-off-by: Kerry Archibald <kerrya@element.io>
* update coment
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-01-07 10:40:53 +01:00
Germain
f87b5ee996
Make entire thread panel tile clickable ( #7371 )
2021-12-20 13:43:45 -07:00
Michael Telatynski
63e69d9fa8
Fix inline code block nowrap issue ( #7406 )
2021-12-17 16:41:01 +00:00
Germain
ce570ab827
Hook threads notification state to UI ( #7298 )
2021-12-13 14:05:42 +00:00
Kim Brose
692679a5ea
don't collapse spaces in inline code blocks ( #7328 )
2021-12-10 14:50:50 +00:00
Germain
3a2aa9d96c
Polish threads misalignments and UI diversion ( #7209 )
2021-11-29 10:58:34 +00:00
Šimon Brandner
8f13f3882f
Cleanup E2ePadlock
code ( #7144 )
2021-11-17 09:36:10 +00:00
Germain
1cb0e92768
Remove CSS override for event line on thread view ( #7141 )
2021-11-17 08:58:32 +00:00
Timo
556cfc7ed8
Add maximise widget functionality ( #7098 )
...
Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>
2021-11-16 15:43:18 +01:00
Šimon Brandner
4eadb3bca1
Color cleanup number 10 ( #7132 )
2021-11-16 10:10:44 +00:00
Šimon Brandner
2a1a180ece
Fix hover tile border ( #7117 )
...
* Revert "Update highlighted event line to prevent content jumping (#7090 )"
This reverts commit 0f8272c6a1
.
* Fix message jumps
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-11-11 14:48:11 +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
Germain
1de9630e44
Fixes following threads design implementation review ( #7100 )
2021-11-11 11:00:18 +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
Germain
0f8272c6a1
Update highlighted event line to prevent content jumping ( #7090 )
2021-11-05 14:46:29 +00:00
Germain
aacea8d87b
Fix MemberAvatar rendering and thread info color ( #7085 )
2021-11-04 17:10:22 +00:00
Germain
38750202ee
Design thread list tiles according to mockups ( #7078 )
2021-11-03 18:05:01 +00:00
Germain
0bae79d3c3
Improve Thread View UI ( #7063 )
2021-11-02 13:18:51 +00:00
Šimon Brandner
5202c0a237
Show a gray shield when encrypted by deleted session ( #6119 )
2021-11-01 17:28:23 +00:00
Šimon Brandner
5c66bd6c7b
Add max-empty-lines
and no-eol-whitespace
to stylelint ( #7034 )
2021-10-26 08:23:23 +01:00
Šimon Brandner
0ba24ec14f
I shall be murdered by design people for this ( #6384 )
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-22 21:32:45 -06:00
Germain
35b5109c2a
Fix threads broken layout ( #6997 )
2021-10-20 18:14:24 +01:00
Šimon Brandner
c30029a8b1
Soften border-radius on selected/hovered messages ( #6525 )
2021-10-20 16:33:23 +01:00
David Baker
01c4d3eede
Fix conflicting CSS on syntax highlighted blocks ( #6991 )
...
Fixes https://github.com/vector-im/element-web/issues/19445
2021-10-19 18:43:29 +01:00
Germain Souquet
df407ef3a8
Fix EventTileSummary layout for message bubbles
2021-10-19 09:31:28 +01:00
Germain Souquet
9319f07291
Revert "Fix threads with bubbles rendering ( #6971 )"
...
This reverts commit a2bc090607
.
2021-10-19 09:16:40 +01:00
David Baker
2b7ea16c2d
Upgrade highlight.js
...
Major version bump for highlight.js. Update usage of deprecated function & some cleanups.
2021-10-18 19:32:20 +01:00
Dariusz Niemczyk
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
Dariusz Niemczyk
f8c516d927
Add new thread message preview ( #18958 ) ( #6953 )
...
Closes https://github.com/vector-im/element-web/issues/18958
2021-10-15 14:29:17 +01:00
Germain Souquet
bb7319f632
move timestamp to the right in thread's context
2021-09-24 11:44:11 +01:00
Germain Souquet
aa53444267
Improve narrow composer usability
2021-09-09 13:27:25 +01:00
Germain
7621a9a0f3
Merge pull request #6658 from matrix-org/gsouquet/threaded-messaging-2349
2021-09-01 08:47:10 +01:00
Šimon Brandner
6003e12e48
Fix color name
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-26 15:12:26 +02:00
Šimon Brandner
408c327943
Merge remote-tracking branch 'upstream/develop' into fix/codeblock-border/18367
2021-08-26 15:11:46 +02:00
Germain Souquet
bd1aa01b67
Update copyright and method accessors
2021-08-26 08:19:44 +01:00
Šimon Brandner
9f791031a8
Fix codeblock formatting
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-25 18:54:52 +02:00
Germain Souquet
77a463e679
Merge branch 'develop' into gsouquet/threaded-messaging-2349
2021-08-25 08:53:16 +01:00
Germain Souquet
54a0a869bf
PR feedback
2021-08-24 09:09:28 +01:00
Germain Souquet
9facb0d963
Polish UI
2021-08-23 14:44:44 +01:00
Germain Souquet
30a762944a
Implement a very low fidelity UI for threads
2021-08-20 12:11:04 +01:00
Germain Souquet
458f860a26
Merge branch 'develop' into gsouquet/threaded-messaging-2349
2021-08-17 11:14:21 +01:00
Germain Souquet
d1dbfbd014
hide thread events from the timeline
2021-08-17 11:10:02 +01:00
Šimon Brandner
8b59bf3d18
$tertiary-fg-color -> $tertiary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:19:29 +02:00
Šimon Brandner
e5fd19c332
$primary-fg-color -> $primary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:18:18 +02:00
Šimon Brandner
5bc165f2ac
Make scrollbar dot transparent
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-11 18:33:16 +02:00
Šimon Brandner
3c0ac487da
Remove comment
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-06 09:06:24 +02:00
Šimon Brandner
f57bffad3c
Soften border color
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-06 09:05:33 +02:00
Germain Souquet
b4b788e8d5
Fix right margin for events on IRC layout
...
Fixes vector-im/element-web#18354
2021-08-04 11:21:52 +02:00
janogarcia
adfbcdce40
Fix the inconsistent styling between non-markdown and markdown parsed links on hover.
...
It also improves accessibility by not relying exclusively on color for the hover state. That is even more evident for links that are contained within a parent block link (e.g., a quoted message block linking to the source message).
https://webaim.org/techniques/hypertext/link_text#underlining
2021-07-30 09:54:28 +02:00
Germain Souquet
6c68f779ec
Restore pointer cursor for SenderProfile in message bubbles
2021-07-29 11:58:32 +02:00
Germain Souquet
a4cf147d72
Merge branch 'develop' into gsouquet/fix-18264
2021-07-28 10:30:29 +02:00
Robin Townsend
3694006d05
Realign reactions row with messages in modern layout
...
Signed-off-by: Robin Townsend <robin@robin.town>
2021-07-27 23:48:51 -04:00
Germain Souquet
3037be11c4
Restore padding for single person state events
2021-07-27 16:24:05 +02:00
David Baker
72becb73e1
Merge pull request #6473 from matrix-org/gsouquet/fix-18208
...
Fix deleted message left offset in the timeline
2021-07-27 13:40:20 +01:00
Germain Souquet
46a370a818
Fix deleted message left offset in the timeline
2021-07-26 11:01:37 +02:00
Šimon Brandner
c6df7e4e41
Style markdown quotes
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-23 17:46:49 +02:00
Germain
248a758ad6
Merge pull request #6439 from matrix-org/gsouquet/fix-18142
...
Fix avatar obstructing membership and state changes
2021-07-22 16:16:33 +01:00
Šimon Brandner
85e08d5074
Revert 100%
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-22 11:43:29 +02:00
Germain Souquet
8da2d0fe72
Fix avatar obstructing membership and state changes
2021-07-22 11:31:46 +02:00
Travis Ralston
fd9241a854
Merge pull request #6355 from SimonBrandner/fix/diff-colors
...
Make diff colors in codeblocks more pleasant
2021-07-21 20:02:03 -06:00
Germain
32e7c58747
Merge branch 'develop' into gsouquet/fix-18099
2021-07-21 11:57:29 +01:00
Germain
e33163c837
Merge pull request #6419 from matrix-org/gsouquet/fix-18125
...
Add spoiler support for message bubbles
2021-07-21 11:54:30 +01:00
Germain
6308dabcfe
Remove forgotten code comment
2021-07-21 10:43:48 +01:00
Germain Souquet
ef002a2e22
Fix replies line clamping
2021-07-21 11:41:52 +02:00
Germain Souquet
fee69884a6
Reintroduce grouped events padding on modern layout
2021-07-21 08:57:09 +02:00
Germain Souquet
a6308229fb
Add spoiler support for message bubbles
2021-07-21 08:42:42 +02:00
Šimon Brandner
9e5b149291
Fix event highlighthing
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-20 14:23:28 +02:00
Šimon Brandner
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
Germain Souquet
fc270b435c
fix group layout
2021-07-14 15:32:35 +02:00
Germain Souquet
290174b031
fix group layout and IRC layout regressions
2021-07-13 10:36:35 +02:00
Germain Souquet
ba3e7e24ba
Merge branch 'develop' into gsouquet/message-bubbles-4635
2021-07-13 10:15:27 +02:00
Šimon Brandner
4ddcb9a484
Make diffs look a bit better
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-12 16:59:16 +02:00
Šimon Brandner
9c67679b35
Merge remote-tracking branch 'upstream/develop' into feature/call-event-tile
2021-07-08 13:30:57 +02:00
Germain Souquet
55896223aa
unbubble some type of events
2021-07-07 15:13:58 +02:00
Germain Souquet
7d946ee0db
Restore action bar
2021-07-07 12:04:28 +02:00
Šimon Brandner
9d12439ee7
Give codeblocks a background color
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-07 09:22:56 +02:00
Šimon Brandner
8c1721fc35
Remove the old codeblock code
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-07 09:22:50 +02:00
Šimon Brandner
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
Germain Souquet
209344d443
improvements to bubble layout
2021-06-30 17:06:51 +01:00
Germain Souquet
d1c6cfe6b9
Improved message bubble layout (no reply)
2021-06-30 12:06:16 +01:00
Germain Souquet
d9eec1c03b
Merge branch 'develop' into gsouquet/message-bubbles-4635
2021-06-30 08:58:20 +01:00
Michael Telatynski
5d93216c94
Decrease e2e shield fill mask size so that it doesn't overlap
2021-06-23 16:10:47 +01:00
Germain Souquet
6271c5c3d8
first iteration for message bubble layout
2021-06-18 18:59:22 +01:00
Šimon Brandner
707ecd8786
Don't highlight bubble events
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-18 17:03:48 +02:00
Šimon Brandner
5343be7814
Fix buggy hovering/selecting of event tiles
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-10 18:53:56 +02:00
Robin Townsend
ea2120bdfd
Fix timestamps
...
7f83590846
changed timestamps to be hidden
at the DOM level, not the CSS level. We can keep that approach, we just
need to ensure they still get shown at the right times.
Signed-off-by: Robin Townsend <robin@robin.town>
2021-06-06 01:55:01 -04:00
Germain
9d126c51e4
Merge pull request #6113 from matrix-org/gsouquet/improve-layout-rendering
2021-06-02 11:41:59 +01:00
J. Ryan Stinnett
234c65b331
Tweak event border radius to match action bar
...
This adjusts the `border-radius` used when hovering on an event to match the
recently changed value for the action bar (changed to `8px` in
https://github.com/matrix-org/matrix-react-sdk/pull/6066 ).
2021-06-02 10:25:29 +01:00
Germain Souquet
18188538f6
Move the read receipt animation to the compositing layer
2021-05-28 14:59:54 +01:00
Travis Ralston
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
Germain
36e729a626
Merge pull request #5836 from matrix-org/gsouquet-readreceipts-animation
2021-04-15 08:27:28 +01:00
Germain Souquet
2aebf103ed
always display message timestamp in IRC layout replies
2021-04-13 11:20:53 +01:00
Germain Souquet
1d75726a75
Honour prefers reduced motion for read receipts
2021-04-08 11:05:45 +01:00
Germain Souquet
8d60d85570
replace velocity-animate with CSS transitions
2021-04-08 10:36:14 +01:00
Travis Ralston
9cec382865
Change sending->sent state to match new designs
...
For https://github.com/vector-im/element-web/issues/16424
2021-03-01 16:25:19 -07:00
Travis Ralston
dee7c7b556
Merge pull request #5567 from SimonBrandner/fix-read-receipts
...
Fix read receipts?
2021-02-24 11:21:42 -07:00