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
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
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
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
39c4b78371
Space preferences for whether or not you see DMs in a Space ( #7250 )
2021-12-17 09:26:32 +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
Kerry
b174cc8963
Use semantic heading on dialog component ( #7383 )
...
* use semantic heading on dialog
Signed-off-by: Kerry Archibald <kerrya@element.io>
* tidy styles
Signed-off-by: Kerry Archibald <kerrya@element.io>
* un-flex text centering
Signed-off-by: Kerry Archibald <kerrya@element.io>
2021-12-15 17:05:58 +01:00
Germain
48a37985f5
Allow slash commands description to wrap on a new line ( #7370 )
2021-12-15 10:16:40 +00:00
Kerry
46b0865e89
Add Heading components ( #7362 )
...
* add Heading components
Signed-off-by: Kerry Archibald <kerrya@element.io>
* remove margins
Signed-off-by: Kerry Archibald <kerrya@element.io>
* snapshots
Signed-off-by: Kerry Archibald <kerrya@element.io>
* unset block and inline margins
Signed-off-by: Kerry Archibald <kerrya@element.io>
* copyright
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix werid quoting on heading test
Signed-off-by: Kerry Archibald <kerrya@element.io>
2021-12-15 11:00:10 +01:00
Germain
d00809b8b9
Fix thread filter being cut-off on narrow screens ( #7354 )
2021-12-14 09:43:51 +00:00
Timo
f938bfaab9
Right panel chat style changes for read receipts and optimizations for smaller widths ( #7297 )
...
Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>
2021-12-13 17:46:32 +01: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
Michael Telatynski
914b61239c
Spotlight search labs ( #7116 )
2021-12-10 11:50:01 +00:00
Kerry
2e3f225520
Put room settings form elements in fieldsets ( #7311 )
...
* override default fieldset styles
Signed-off-by: Kerry Archibald <kerrya@element.io>
* SettingsFieldset component
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test settings fieldset
Signed-off-by: Kerry Archibald <kerrya@element.io>
* refactor SettingsFlag styles
* use SettingsFieldset in room > securit settings
* use fieldset in urlpreviewsettings
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use SettingsFieldset in AliasSettings
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fieldset in room > roles settings
Signed-off-by: Kerry Archibald <kerrya@element.io>
* css lint
Signed-off-by: Kerry Archibald <kerrya@element.io>
* run i18n
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fussy order
Signed-off-by: Kerry Archibald <kerrya@element.io>
* default export
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix copyright headers
Signed-off-by: Kerry Archibald <kerrya@element.io>
2021-12-09 18:44:22 +01:00
Andy Balaam
68ac578577
Support reactions, replies and forwards of polls ( #7318 )
2021-12-09 12:54:31 +00:00
Kerry
1216285ed2
Add descriptions to ambiguous links for screen readers ( #7310 )
...
* add title to room share link
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add ExternalLink component
Signed-off-by: Kerry Archibald <kerrya@element.io>
* unit test ExternalLink
Signed-off-by: Kerry Archibald <kerrya@element.io>
* default target and rel for external link
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use scss $font variables
Signed-off-by: Kerry Archibald <kerrya@element.io>
2021-12-09 13:04:06 +01:00
Kerry
d7a6e3ec65
Correct tab order in room preview dialog ( #7302 )
...
* tab order
* lint fixes
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test RoomPreviewBar
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add copyright header
Signed-off-by: Kerry Archibald <kerrya@element.io>
* Update src/components/views/rooms/RoomPreviewBar.tsx
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
* fix tabs/spaces lint for reformatted actions
Signed-off-by: Kerry Archibald <kerrya@element.io>
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
2021-12-09 11:48:58 +01:00
Kerry
0c850b2f13
Make tooltips keyboard accessible ( #7281 )
...
* show tooltips on hover in eventtile
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use tooltip props pass thru
* use tooltiptarget in InfoTooltip
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use target in TestWithTooltip
Signed-off-by: Kerry Archibald <kerrya@element.io>
* tsc fixes
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test tooltip target
Signed-off-by: Kerry Archibald <kerrya@element.io>
* lint fix
Signed-off-by: Kerry Archibald <kerrya@element.io>
* rename tooltip handlers
Signed-off-by: Kerry Archibald <kerrya@element.io>
* update copyright to 2021
Signed-off-by: Kerry Archibald <kerrya@element.io>
2021-12-09 11:47:50 +01:00
Michael Telatynski
4712ae49b2
Fix favourites and people metaspaces not rendering their content ( #7315 )
2021-12-09 09:43:45 +00:00
Ingrid
6c04c19a7a
Add vertical spacing between buttons when they go over multiple lines ( #7314 )
2021-12-09 09:41:33 +00:00
Andy Balaam
2b52e17a80
Allow ending polls ( #7305 )
...
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
2021-12-08 14:56:48 +00:00
Michael Telatynski
f9e3328fb3
Fix issue with room list resizer getting clipped in firefox ( #7303 )
2021-12-08 09:19:12 +00:00
Michael Telatynski
97ee25126f
Fix favourite & people metaspace issue on Chromium browsers ( #7301 )
2021-12-07 15:54:30 +00:00
Ankur
26297f5498
Corrected the alignment of the Edit button on LoginPage. ( #7292 )
2021-12-07 07:20:09 +00:00
Timo
9bcb82d6dc
Add CSS variable to make the UI gaps consistent and fix the resize handle position ( #7234 )
...
Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>
2021-12-06 13:10:52 +01:00
Matthew Hodgson
1262021417
Simple static location sharing ( #7135 )
...
Adds maplibre as a dependency, and behind a labs flag, lets users send and receive [MSC3488](https://github.com/matrix-org/matrix-doc/blob/matthew/location/proposals/3488-location.md ) style location shares - with backwards compatibility with old school `m.location` `msgtype` location shares too.
For this to work, you have to define a valid maptile server and API in your config.json's `map_style_url`.
2021-12-06 09:45:12 +00:00
James Salter
5219b6be80
Analytics opt in for posthog ( #6936 )
...
* Add a new flag pseudonymousAnalyticsOptIn replacing analyticsOptIn, stored at account level, so people only need to opt in once.
* Show a toast in login to users that have analyticsOptIn set but not yet pseudonymousAnalyticsOptIn prompting them confirm the new method is okay. Update the copy of the existing opt-in toast. Don't notify users that previously opted out.
* Update the copy in settings
* Add a new learn more dialog
* Support a new config flag analyticsOwner which is used in these toasts when explaining which entity the data is sent to ("Help improve %(analyticsOwner)"). If unset, display brand. This allows deployments whose brand differs from the receiver of the analytics to explain the situation to their users (e.g. AcmeCorp badges their app, but explains the data is sent to Element, not them)
* The new opt-in and flags are only used when posthog is configured; prior to that there are no changes to UX or tracking behaviour.
2021-12-06 09:39:33 +11:00
Šimon Brandner
390dde055a
Task/colors-13 ( #7271 )
2021-12-03 09:23:38 +00:00
Ankur
4752cc184e
Aligned labels with switches for Labs flags ( #7232 )
2021-12-03 09:16:37 +00:00
Michael Telatynski
b69ad0cd0b
Decorate view keyboard shortcuts link as a link ( #7260 )
2021-12-02 13:43:10 +00:00
Michael Telatynski
fb11779785
Break long words in pinned messages to prevent overflow ( #7251 )
2021-12-01 17:22:43 +00:00
Michael Telatynski
4a6d46b76a
Replace breadcrumbs with recently viewed menu ( #7073 )
2021-12-01 10:50:06 +00:00
Michael Telatynski
8fe582b094
Tweaks to informational architecture 1.1 ( #7052 )
...
* Move user avatar to Space panel
* Add room list header for 'Home' or 'Space Name' to room list
Add existing Space context menus to room list header
* Re-add pending room join spinner
* Iterate RoomListHeader plus context menu
* Iterate space context menu
* Iterate room list + interactions
* Move DND to new iA model
* Replace composer custom status management with usermenu one
* Cull Quick Actions
* Iterate minimized room list state
* delint
* Merge the RoomListNumResults into the RoomListHeader
* Make the search shortcut prompt semi-bold
* Iterate RoomListHeader based on design review
* Iterate UserMenu based on feedback
* Add name to expanded spacepanel usermenu button
* i18n
* Make room sub list aux button components more generic
* Change left panel explore button to only refer to room directory
* Iterate RoomListHeader
* Fix custom user status input field width in Chrome
* Bring back Notification settings button
* delint
* i18n
* post-merge fix
* iterate pr
* Remove unused state
* update copy
* Apply suggestions from PR review
* delint
* Update invite iconography
* Iterate Space context menu to match Figma
* Fix chevron alignment
* Fix edge case for RoomListHeader on metaspaces
* Wire up general rageshake-driven feedback mechanism
* Add IA1.1 info toast
* add missing alt attribute
* delint
* delint
* tweak ia toast priority
* e2e test account for new toast
* autofocus feedback field and remove old subheading
* tweak copy
* Iterate space panel colours to match Figma
* Iterate PR
* delint
* Fix feedback submission with object setting values
* iterate based on review
* Tweak colours and update splash image
* Tweaks based on review
* Remove room list prompt, made redundant by the big fat `+`
* Fix edge cases around User Menu positioning and dnd
* Add missing import, bad merge?
* Update aria label in e2e test
* Fix room list space rooms context menu explore button behaviour
* Tweak copy
* Revert order of options in the UserMenu
* Tweak copy
* i18n
2021-11-30 18:08:46 +00:00
David Baker
347bbefd46
Fix left panel glow in Safari ( #7236 )
...
Add back removed CSS
2021-11-30 17:30:41 +00:00
