Michael Telatynski
d72469663d
Add unread badges and avatar decorations to spotlight search ( #7696 )
2022-02-07 13:50:04 +00:00
Michael Telatynski
5d89230271
Remove IA 1.1 feedback toast ( #7720 )
2022-02-07 12:46:48 +00:00
Michael Telatynski
78373e86ea
Truncate long server names on login/register screen ( #7702 )
...
Co-authored-by: Aaron Raimist <aaron@raim.ist>
2022-02-04 10:20:20 +00:00
Germain
df86678798
Update to thread UI ( #7714 )
2022-02-03 16:24:49 +00:00
Michael Telatynski
75b03ca101
Reuse CopyableText component in all places it can be ( #7701 )
2022-02-02 12:16:00 +00:00
Andy Balaam
afbc843157
Fit location into the width of the container ( #7705 )
2022-02-02 11:41:33 +00:00
Andy Balaam
f5226f9d5b
Simplify Composer buttons ( #7678 )
...
* Render a CollapsibleButton's children (needed by UploadButton)
* Make UploadButton ready to live inside an overflow menu
* Always show overflow menu in composer: main buttons are emoji and attach
* Re-order composer buttons as per design
* Re-word composer button captions to be simple nouns
* Don't rotate More options button when clicked
* Move the composer menu and dialogs 16px in from right
* Reduce shadow on composer More menu
* From review: remove else clause
* From review: take input out of button
* Update test snapshots
* Update snapshots
2022-02-02 09:30:53 +00:00
Michael Telatynski
c011fb7475
Fix incorrect sizing of DecoratedRoomAvatar in RoomHeader ( #7697 )
2022-02-02 09:22:27 +00:00
Eric Eastwood
9b0da552e7
Fix vertical spacing in compact <ContextMenu> ( #7684 )
...
Fix https://github.com/vector-im/element-web/issues/20801
Regressed in https://github.com/matrix-org/matrix-react-sdk/pull/7339
Relevant styles were first added in https://github.com/matrix-org/matrix-react-sdk/pull/4858
(context behind why the original styles were added)
---
## Cause
Battling CSS specificity between the default and compact styles, https://specificity.keegan.st/
Known good (On `app.element.io` (expected)):
```css
// 0 3 0
.mx_IconizedContextMenu .mx_IconizedContextMenu_optionList .mx_AccessibleButton {
padding-top: 12px;
padding-bottom: 12px;
}
// Compact styles override our default rules because they come
// after the other styles (source order) and have the same specificity
// 0 3 0
.mx_IconizedContextMenu.mx_IconizedContextMenu_compact .mx_IconizedContextMenu_optionList > * {
padding: 8px 16px 8px 11px;
}
```
Bad (On `develop` (broken)):
```css
// Default rules always override because they have higher specificity.
// The `:not()` selector doesn't add any extra specificity but the selectors inside the `:not(...)` do.
// 0 4 0
.mx_IconizedContextMenu .mx_IconizedContextMenu_optionList .mx_AccessibleButton:not(.mx_AccessibleButton_hasKind) {
padding-top: 12px;
padding-bottom: 12px;
}
// 0 3 0
.mx_IconizedContextMenu.mx_IconizedContextMenu_compact .mx_IconizedContextMenu_optionList > * {
padding: 8px 16px 8px 11px;
}
```
2022-02-01 11:23:21 -06:00
Michael Telatynski
18995363d0
Make polls fill column width in bubbles layout ( #7661 )
2022-02-01 09:27:14 +00:00
UwUnyaa
5d93ca5f2a
Irc full name overlap ( #7652 )
2022-02-01 09:24:05 +00:00
Ajay Bura
3e1a5f7021
Fix warning image overflow in space hierarchy ( #7686 )
2022-02-01 10:21:58 +05:30
Michael Telatynski
991257cbc3
Fix accessibility and consistency of MessageComposerButtons ( #7679 )
2022-01-31 16:05:05 +00:00
Kerry
085ecc7f5f
Chat export parameter customisation ( #7647 )
...
* use export settings and hide fields
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix exporter tests
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test ExportDialog with settings
Signed-off-by: Kerry Archibald <kerrya@element.io>
* tidy debugs, rename setting to Parameters
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use reasonable 100gb limit
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use normal setting instead of UIFeature
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use a customisation
Signed-off-by: Kerry Archibald <kerrya@element.io>
* move validateNumberInRange to utils
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use nullish coalesce
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use 8gb size limit for customisation
Signed-off-by: Kerry Archibald <kerrya@element.io>
* update comments
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-01-31 12:54:14 +01:00
Robin
53aca69594
Fix font size of spaces between big emoji ( #7675 )
2022-01-31 09:53:04 +00:00
Eric Eastwood
7fa27f5834
Add jump to date functionality to date headers in timeline v2 ( #7339 )
...
Fix https://github.com/vector-im/element-web/issues/7677
Utilizes MSC3030: https://github.com/matrix-org/matrix-doc/pull/3030
https://user-images.githubusercontent.com/558581/150060664-79627573-f4fd-497c-b726-dc3485854bd0.png
2022-01-27 16:32:12 -06: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
50f8c61fa8
Fix search results view for layouts other than Group/Modern ( #7648 )
2022-01-26 20:15:44 +00:00
Michael Telatynski
04f8228741
Tweak room list header menu for when space is active ( #7577 )
...
* Remove start chat entry from space-variant room list header + menu
* Add options to the RoomListHeader plus menu
* Tweak behaviour of room list header + menu space variant explore action
2022-01-25 20:21:38 +00:00
Michael Telatynski
51fd4d82fd
Tweak light hover & active color for bubble layout ( #7626 )
...
* Tweak light hover & active color for bubble layout
* delint
2022-01-25 14:21:13 +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
8ddd677c35
De-labs Metaspaces ( #7613 )
2022-01-25 12:33:17 +00:00
Kerry
502b805164
Add customisation point for mxid display ( #7595 )
...
* add wrapping component for hiding UI
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add Setting
Signed-off-by: Kerry Archibald <kerrya@element.io>
* apply setting to profile settings, user menu, invite dialog, userinfo
Signed-off-by: Kerry Archibald <kerrya@element.io>
* hide mxids in user autocomplete
* remove mxids from title in memeber list and timeline
Signed-off-by: Kerry Archibald <kerrya@element.io>
* hide mxid in ConfirmUserActionDialog
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use name in power level event message when displayMxids is falsy
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add customisation point for mxid display
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use userid customisation
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use customisation in sender profile
Signed-off-by: Kerry Archibald <kerrya@element.io>
* hide profile settings mxid if falsy
Signed-off-by: Kerry Archibald <kerrya@element.io>
* rename and move to components
Signed-off-by: Kerry Archibald <kerrya@element.io>
* remove change to UIFeature.ts
Signed-off-by: Kerry Archibald <kerrya@element.io>
* improvements from pr
Signed-off-by: Kerry Archibald <kerrya@element.io>
* lint fix
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-01-25 10:40:02 +01: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
Šimon Brandner
b5d11336f7
Add ability to switch between voice & video in calls ( #7155 )
2022-01-24 12:48:35 +00:00
Michael Telatynski
756b924966
Update colours of message bubbles to match new designs ( #7610 )
2022-01-24 12:33:55 +00:00
Robin
83b0d123c1
Make pills more natural to navigate around ( #7607 )
2022-01-24 12:24:11 +00:00
Robin
c7449caacc
Fix excessive padding on inline images ( #7605 )
2022-01-24 12:21:21 +00:00
Robin
5430fa15a4
Prevent pills from being split by formatting actions ( #7606 )
2022-01-24 12:18:08 +00:00
Šimon Brandner
a2f1e856be
Make room ID copyable ( #7600 )
2022-01-24 11:47:59 +00:00
Šimon Brandner
5f18e4888c
Improve the look of the keyboard settings tab ( #7562 )
...
* First cut of new keyboard shortcuts
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove unused code
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* i18n
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Amend shortcuts
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Improve CATEGORIES struct
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Add tests for registerShortcut()
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Simplifie code tiny bit
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Translate ALTERNATE_KEY_NAME
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Fix `key` usage
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Export components for tests
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Write snapshot tests
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2022-01-24 11:33:27 +00:00
Andy Balaam
9fefce6721
Make the close button of the location share dialog visible in high-contrast theme ( #7597 )
2022-01-21 15:40:51 +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
Robin
f59ea6d7ad
Show a tile at beginning of visible history ( #5887 )
2022-01-20 09:51:31 +00: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
Germain
336217f668
Add view in room to action bar in thread list ( #7519 )
2022-01-19 10:39:33 +00:00
Andy Balaam
2743a75a21
Display general marker on non-self location shares ( #7574 )
2022-01-19 09:33:49 +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
Michael Telatynski
aac5964121
Fix wrong icon being used for appearance tab in space preferences dialog ( #7570 )
2022-01-18 17:56:49 -07:00
Michael Telatynski
67a4d22e79
Update sidebar icon from Compound ( #7572 )
2022-01-18 15:29:43 +00:00
Michael Telatynski
d5412e52ed
Replace home icon with new one ( #7571 )
2022-01-18 15:29:01 +00:00
Michael Telatynski
f217c6fd61
Update bubble layout styling for stickers ( #7560 )
2022-01-18 10:37:44 +00:00
Michael Telatynski
aed09ee2f6
Differentiate between hover and roving focus in spotlight dialog ( #7564 )
2022-01-18 09:56:04 +00:00
Michael Telatynski
4b5ca1d7a9
Fix timeline jumping issues related to bubble layout ( #7529 )
2022-01-18 09:31:21 +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
Šimon Brandner
1f298250b9
Make the Keyboard Shortcuts dialog into a settings tab ( #7198 )
2022-01-17 11:53:10 +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
Andy Balaam
2fd06ac0c6
Fix the colour of the map attribution text in dark theme ( #7548 )
2022-01-17 09:30:26 +00:00
Kerry
50de35cd1a
truncate room name on pip header ( #7538 )
...
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-01-14 10:37:30 +00: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
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
Timo
ef95644e23
Render Jitsi (and other sticky widgets) in PiP container, so it can be dragged and the "jump to room functionality" is provided ( #7450 )
...
Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>
2022-01-13 12:10:41 +01:00
Michael Telatynski
db3be7d49e
Add linear gradient to images in bubble layout ( #7521 )
2022-01-13 09:32:27 +00:00
Germain
3a18fd8f71
Add 'from a thread' copy to search tile result ( #7525 )
2022-01-12 17:16:00 +00:00
Andy Balaam
11c8e720b2
Add user avatar to location sharing dialog ( #7520 )
2022-01-12 13:32:08 +00:00
Andy Balaam
31247a50ca
Make LocationPicker appearance cleaner ( #7516 )
2022-01-12 09:19:26 +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
f8871969fd
Fix wrongly wrapping code blocks, breaking line numbers ( #7507 )
2022-01-11 10:50:29 +00:00
Michael Telatynski
ac6177053a
Fix layout of message bubble preview in settings ( #7497 )
2022-01-10 13:39:12 -07:00
Šimon Brandner
5543ee895b
Use flex-end rather than end ( #7505 )
2022-01-10 17:17:05 +00:00
Michael Telatynski
3c1ce77d48
Properly maintain aspect ratio of inline images ( #7503 )
2022-01-10 15:32:06 +00:00
Aaron Raimist
368085982f
Add hover background color to SSO buttons ( #7500 )
2022-01-10 13:30:31 +00:00
Ajay Bura
4854a53b74
Align room tile info in space hierarchy ( #7499 )
2022-01-10 13:12:47 +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
31ab91359a
Fix avatar container overlapping give feedback cta ( #7491 )
2022-01-10 11:34:42 +00:00
Andy Balaam
9562deb28c
Remove the Description from the location picker ( #7485 )
2022-01-10 10:07:51 +00:00
Šimon Brandner
fe16f224ea
Fix look of the untrusted device dialog ( #7487 )
2022-01-10 10:02:03 +00:00
Andy Balaam
9cb8ce7c20
Add zoom buttons to the location view ( #7482 )
2022-01-10 09:30:24 +00:00
Šimon Brandner
9501d3b226
Fix typing notification colors ( #7490 )
2022-01-10 08:42:34 +00:00
Andy Balaam
707f8cd878
Open map in a dialog when it is clicked ( #7465 )
2022-01-07 14:54:45 +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
Kerry
dc2d52c1f2
a11y - wrap notification level radios in fieldsets ( #7471 )
...
* notification settings radios table -> fieldset
Signed-off-by: Kerry Archibald <kerrya@element.io>
* aria-label for inputs
Signed-off-by: Kerry Archibald <kerrya@element.io>
* update tests for fielset
Signed-off-by: Kerry Archibald <kerrya@element.io>
* remove unneccessary wrapping div
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix stylelint
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-01-06 18:52:06 +01:00
Kerry
b1066a5699
Wrap inputs in fieldsets in Space visibility settings ( #7350 )
...
* use fieldset in space settings > visibility
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add basic tests for space setttings visibility
Signed-off-by: Kerry Archibald <kerrya@element.io>
* i18n
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix toggle button placement
Signed-off-by: Kerry Archibald <kerrya@element.io>
* i18n
Signed-off-by: Kerry Archibald <kerrya@element.io>
* update settings separator color to quinary
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-01-06 10:09:26 +00:00
Michael Telatynski
8e881336ab
Fix regression in space preferences dialog ( #7464 )
2022-01-05 10:38:30 +00:00
Kerry
00feb24877
add spacing variables ( #7456 )
...
* add spacing variables
Signed-off-by: Kerry Archibald <kerrya@element.io>
* eof
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-01-04 10:15:20 -07:00
Timo
f4a94f6e7f
Add new line in settings label ( #7451 )
2022-01-04 10:57:29 +01:00
Michael Telatynski
44d7d74949
Call view accessibility fixes ( #7439 )
2022-01-04 08:57:46 +00:00
Ankur
8339d5fdee
Removed red shield in forwarding preview. ( #7447 )
2022-01-04 08:53:39 +00:00
Šimon Brandner
e759a85321
Wrap status message ( #7325 )
...
* Wrap status message
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Give status a max-height
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-12-28 13:54:54 -07: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
a9d1f6e616
Fix width overflow in mini composer overflow menu ( #7411 )
2021-12-23 12:01:21 +00:00
Michael Telatynski
7dacaf7d06
Fix spotlight search bad padding ( #7436 )
2021-12-22 10:05:14 +00:00
Andy Balaam
a239c456e3
Allow opening a map view in OpenStreetMap ( #7428 )
2021-12-21 15:48:20 +00:00
Andy Balaam
70dc03552c
Display the user's avatar when they shared their location ( #7424 )
2021-12-21 15:19:27 +00:00
Michael Telatynski
54ca06ad53
Fix invisible toggle space panel button ( #7426 )
2021-12-21 14:24:06 +00:00
Germain
f87b5ee996
Make entire thread panel tile clickable ( #7371 )
2021-12-20 13:43:45 -07:00
Eric Eastwood
9289c0c90f
Refactor ContextMenu to use RovingTabIndex (more consistent keyboard navigation accessibility) ( #7353 )
...
Split off from https://github.com/matrix-org/matrix-react-sdk/pull/7339
2021-12-17 11:08:56 -06:00
