Commit Graph
4207 Commits
Author SHA1 Message Date
KerryandGitHub 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
KerryandGitHub 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 TelatynskiandGitHub 8e881336ab Fix regression in space preferences dialog (#7464) 2022-01-05 10:38:30 +00:00
KerryandGitHub 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
TimoandGitHub f4a94f6e7f Add new line in settings label (#7451) 2022-01-04 10:57:29 +01:00
Michael TelatynskiandGitHub 44d7d74949 Call view accessibility fixes (#7439) 2022-01-04 08:57:46 +00:00
AnkurandGitHub 8339d5fdee Removed red shield in forwarding preview. (#7447) 2022-01-04 08:53:39 +00:00
Šimon BrandnerandGitHub 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 TelatynskiandGitHub fb74f9a9b4 Move timestamps into message bubbles (#7417) 2021-12-23 15:48:16 +00:00
Michael TelatynskiandGitHub 2430bd7eb4 Fix MessageActionBar alignment in Bubble layout (#7414) 2021-12-23 15:48:00 +00:00
Michael TelatynskiandGitHub a9d1f6e616 Fix width overflow in mini composer overflow menu (#7411) 2021-12-23 12:01:21 +00:00
Michael TelatynskiandGitHub 7dacaf7d06 Fix spotlight search bad padding (#7436) 2021-12-22 10:05:14 +00:00
Andy BalaamandGitHub a239c456e3 Allow opening a map view in OpenStreetMap (#7428) 2021-12-21 15:48:20 +00:00
Andy BalaamandGitHub 70dc03552c Display the user's avatar when they shared their location (#7424) 2021-12-21 15:19:27 +00:00
Michael TelatynskiandGitHub 54ca06ad53 Fix invisible toggle space panel button (#7426) 2021-12-21 14:24:06 +00:00
GermainandGitHub f87b5ee996 Make entire thread panel tile clickable (#7371) 2021-12-20 13:43:45 -07:00
Eric EastwoodandGitHub 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
Michael TelatynskiandGitHub 63e69d9fa8 Fix inline code block nowrap issue (#7406) 2021-12-17 16:41:01 +00:00
Michael TelatynskiandGitHub 818465a4d6 Increase gap between ELS and the subsequent event to prevent overlap (#7391) 2021-12-17 09:28:10 +00:00
Michael TelatynskiandGitHub 39c4b78371 Space preferences for whether or not you see DMs in a Space (#7250) 2021-12-17 09:26:32 +00:00
Michael TelatynskiandGitHub d009cebb07 Fix sizing of e2e shield in bubble layout (#7394) 2021-12-16 18:35:51 +00:00
Michael TelatynskiandGitHub 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
IngridandGitHub 8f3ea97729 Full page spinner has no padding (#7390)
Description:
Adds padding to full page spinner (e.g. when creating a room),
which otherwise looks awkward on the grey background.

Fixes https://github.com/vector-im/element-web/issues/20001

Signed-off-by: Ingrid Budau inigiri@posteo.jp
2021-12-16 12:28:21 +00:00
Michael TelatynskiandGitHub 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
KerryandGitHub 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
GermainandGitHub 48a37985f5 Allow slash commands description to wrap on a new line (#7370) 2021-12-15 10:16:40 +00:00
KerryandGitHub 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
GermainandGitHub d00809b8b9 Fix thread filter being cut-off on narrow screens (#7354) 2021-12-14 09:43:51 +00:00
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
Michael TelatynskiandGitHub 58e79d836d Iterate space panel toggle collapse interaction (#7335) 2021-12-13 14:59:50 +00:00
GermainandGitHub ce570ab827 Hook threads notification state to UI (#7298) 2021-12-13 14:05:42 +00:00
Kim BroseandGitHub 692679a5ea don't collapse spaces in inline code blocks (#7328) 2021-12-10 14:50:50 +00:00
Michael TelatynskiandGitHub 914b61239c Spotlight search labs (#7116) 2021-12-10 11:50:01 +00:00
KerryandGitHub 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 BalaamandGitHub 68ac578577 Support reactions, replies and forwards of polls (#7318) 2021-12-09 12:54:31 +00:00
KerryandGitHub 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
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
KerryandGitHub 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 TelatynskiandGitHub 4712ae49b2 Fix favourites and people metaspaces not rendering their content (#7315) 2021-12-09 09:43:45 +00:00
IngridandGitHub 6c04c19a7a Add vertical spacing between buttons when they go over multiple lines (#7314) 2021-12-09 09:41:33 +00:00
Andy BalaamandGitHub e0162d255e Make clear button images visible in high contrast theme (#7306) 2021-12-09 09:13:03 +00:00
2b52e17a80 Allow ending polls (#7305)
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
2021-12-08 14:56:48 +00:00
Michael TelatynskiandGitHub f9e3328fb3 Fix issue with room list resizer getting clipped in firefox (#7303) 2021-12-08 09:19:12 +00:00
Michael TelatynskiandGitHub 97ee25126f Fix favourite & people metaspace issue on Chromium browsers (#7301) 2021-12-07 15:54:30 +00:00
Michael TelatynskiandGitHub 275e9c1d02 Update space panel expand mechanism (#7230) 2021-12-07 09:32:00 +00:00
AnkurandGitHub 26297f5498 Corrected the alignment of the Edit button on LoginPage. (#7292) 2021-12-07 07:20:09 +00:00
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 HodgsonandGitHub 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 SalterandGitHub 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 BrandnerandGitHub 390dde055a Task/colors-13 (#7271) 2021-12-03 09:23:38 +00:00