Commit Graph

269 Commits

Author SHA1 Message Date
J. Ryan Stinnett
182aedc3d4 Tweak info message padding in right panel timeline (#7901) 2022-02-28 10:23:01 +00:00
Michael Telatynski
8c2dcca48f Fix edge case around event list summary layout (#7891) 2022-02-24 13:31:03 +00:00
J. Ryan Stinnett
d8ac7cf202 Fix thread summary layout for narrow right panel timeline (#7838) 2022-02-23 14:03:46 +00:00
Michael Telatynski
e644ede09e Fix edge case around event list summary layout (#7867) 2022-02-22 10:25:44 +00:00
Michael Telatynski
57595bc593 Fix misalignment with Event List Summaries (#7865)
* Fix misalignment with Event List Summaries

* simplify styling
2022-02-22 08:35:58 +00:00
Michael Telatynski
5f5bb4a4fe Consolidate TileShape into TimelineRenderingType (#7843) 2022-02-18 15:56:05 +00:00
Michael Telatynski
714136d4f7 Consolidate RedactionGrouper and HiddenEventGrouper into MELS (#7739) 2022-02-09 10:51:12 +00:00
J. Ryan Stinnett
81f2b19d32 Tweak timeline card layout (#7743) 2022-02-08 13:11:18 +00:00
Germain
544957bdad Use typographical quotes in no threads UI (#7713) 2022-02-07 15:13:34 +00:00
Robin
53aca69594 Fix font size of spaces between big emoji (#7675) 2022-01-31 09:53:04 +00:00
Robin
6806c2cdca Enlarge emoji in composer (#7602) 2022-01-24 12:53:05 +00:00
Robin
c7449caacc Fix excessive padding on inline images (#7605) 2022-01-24 12:21:21 +00:00
Robin
af8b3c2714 Add tooltips to emoji in messages (#7592) 2022-01-21 10:10:57 +00:00
rkfg
98e1c311c4 Make inline emojis bigger (#5401) 2022-01-20 16:33:41 -07:00
Germain
73a58705f6 Fix alignment of unread badge in thread list (#7582) 2022-01-20 08:47:37 +00:00
Germain
8427bf46ef Fix broken thread list timestamp display (#7549) 2022-01-19 10:41:39 +00:00
Eric Eastwood
a00d359422 Fix left positioned tooltips being wrong and offset by fixed value (#7551)
Previously, the `left` positioning seemed to only work with icons which are all about the same size so the arbitrary offset worked. Now we actually position off to the left of the element and we have equal `margin-left` and `margin-right` to determine the offset.

Spawned from https://github.com/matrix-org/matrix-react-sdk/pull/7339#discussion_r767154349
2022-01-18 21:08:11 -06: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
David Teller
6b870ba1a9 MSC3531 - Implementing message hiding pending moderation (#7518)
Signed-off-by: David Teller <davidt@element.io>
2022-01-17 16:04:37 +01:00
Michael Telatynski
47c112b12e Fix alignment of reactions in bubble layout thread view (#7534)
* Fix alignment of reactions in bubble layout thread view

* Remove duplicate download link in thread view panel

* Fix bugs with layout of file pills
2022-01-13 22:46:11 +00:00
Germain
3a18fd8f71 Add 'from a thread' copy to search tile result (#7525) 2022-01-12 17:16:00 +00:00
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