287a3fd0cf
Fix issues with inhibited accessible focus outlines ( #10579 )
2023-04-12 12:49:12 +00:00
96d1b74ffc
Pillify event permalinks ( #10392 )
2023-03-21 10:23:20 +01:00
314b2e7ba6
Add new style for inline code ( #9936 )
...
Add new style for inline code
2023-01-19 13:42:59 +00:00
8628aae410
Don't prefer STIXGeneral over the default font ( #9711 )
...
* Don't prefer STIXGeneral over the default font
STIXGeneral contains some glyphs for non-LGC scripts, but often doesn't implement these scripts fully. We should always try the browser's default fonts, which are likely to look nicer and have broader script support, before falling back to STIXGeneral.
* Explain why STIXGeneral shouldn't have precedence
* Add a regression test
2023-01-06 04:11:41 +00:00
cb1af0d3de
Redesign the picture-in-picture window ( #9800 )
...
* Remove unnecessary PipContainer component
* Redesign the picture-in-picture window
* Add a hover effect to the controls
* Clarify that WidgetPip has call-specific behavior
2023-01-04 04:44:38 +00:00
d3ab11928b
Use compound colours for verification badges ( #9794 )
...
* update e2e colour variables to compound colours
* use e2e colour vars for e2e icons
2022-12-20 02:07:28 +00:00
526645c791
Apply prettier formatting
2022-12-12 12:24:14 +01:00
8e719d57a2
Add voice broadcast recording body ( #9316 )
...
* Add voice broadcast recording body
* Change icon element; update css variables
* Update Icon-test snapshots
2022-09-26 15:29:38 +02:00
0d6a550c33
Prepare for Element Call integration ( #9224 )
...
* Improve accessibility and testability of Tooltip
Adding a role to Tooltip was motivated by React Testing Library's
reliance on accessibility-related attributes to locate elements.
* Make the ReadyWatchingStore constructor safer
The ReadyWatchingStore constructor previously had a chance to
immediately call onReady, which was dangerous because it was potentially
calling the derived class's onReady at a point when the derived class
hadn't even finished construction yet. In normal usage, I guess this
never was a problem, but it was causing some of the tests I was writing
to crash. This is solved by separating out the onReady call into a start
method.
* Rename 1:1 call components to 'LegacyCall'
to reflect the fact that they're slated for removal, and to not clash
with the new Call code.
* Refactor VideoChannelStore into Call and CallStore
Call is an abstract class that currently only has a Jitsi
implementation, but this will make it easy to later add an Element Call
implementation.
* Remove WidgetReady, ClientReady, and ForceHangupCall hacks
These are no longer used by the new Jitsi call implementation, and can
be removed.
* yarn i18n
* Delete call map entries instead of inserting nulls
* Allow multiple active calls and consolidate call listeners
* Fix a race condition when creating a video room
* Un-hardcode the media device fallback labels
* Apply misc code review fixes
* yarn i18n
* Disconnect from calls more politely on logout
* Fix some strict mode errors
* Fix another updateRoom race condition
2022-08-30 15:13:39 -04:00
7b52145461
Device manager - device security recommendation card (PSG-637) ( #9158 )
...
* add security card and style
* deprecate warning and verified svgs that use hard coded color
* style icons, test
* i18n
* stylelint
* redo lost lint fixes
* fix svg ref
* actually fix svg
* fix stupid copy pasting
* use rgba for e2e light variations
* add security card and style
* deprecate warning and verified svgs that use hard coded color
* style icons, test
* i18n
* stylelint
* fix svg ref
* actually fix svg
* fix stupid copy pasting
* use rgba for e2e light variations
* use device security card in current session section
* lint
* update snapshot test after dev merge
2022-08-11 10:39:14 +00:00
72c24af5c0
Disallow invalid inline style comments in stylesheets ( #9099 )
2022-07-27 14:39:29 +01:00
01f4bb8c78
Rename PostCSS files to `.pcss` ( #9013 )
...
* Rename PostCSS files to `.pcss`
* Make Stylelint happy
* Delint
* Rename new files too
* delint
* Fix bad comment placement
2022-07-15 14:53:23 +01:00
8e457f17ba
Introduce new copy icon ( #8942 )
...
PSG-110
2022-07-01 11:29:19 +02:00
7da8c51c6b
Improve colors in settings ( #7283 )
2022-06-14 18:17:10 +00:00
ef69946440
Improve combining diacritics in Chrome ( #8687 )
...
This makes all but 9 of U+20D0 to U+20F0 combine
correctly on Chrome. See also
https://bugs.chromium.org/p/chromium/issues/detail?id=1328898
2022-05-24 21:37:08 -06:00
d5b363e971
Set color-scheme property in themes ( #8547 )
2022-05-09 21:55:31 -04:00
b5ac9493dd
Improve pills ( #6398 )
2022-05-05 11:13:09 +02:00
a5b795c934
Improve UI/UX in calls ( #7791 )
2022-05-04 17:16:38 +02:00
6e86a14cc9
Show a lobby screen in video rooms ( #8287 )
...
* Show a lobby screen in video rooms
* Add connecting state
* Test VideoRoomView
* Test VideoLobby
* Get the local video stream with useAsyncMemo
* Clean up code review nits
* Explicitly state what !important is overriding
* Use spacing variables
* Wait for video channel messaging
* Update join button copy
* Show frame on both the lobby and widget
* Force dark theme for video lobby
* Wait for the widget to be ready
* Make VideoChannelStore constructor private
* Allow video lobby to shrink
* Add invite button to video room header
* Show connected members on lobby screen
* Make avatars in video lobby clickable
* Increase video channel store timeout
* Fix Jitsi Meet getting wedged on startup in Chrome and Safari
* Revert "Fix Jitsi Meet getting wedged on startup in Chrome and Safari"
This reverts commit 9f77b8c227c1a5bffa5d91b0c48bf3bbc44d4cec.
* Disable device buttons while connecting
* Factor RoomFacePile into a separate file
* Fix i18n lint
* Fix switching video channels while connected
* Properly limit number of connected members in face pile
* Fix CSS lint
2022-04-20 11:03:33 -04:00
fe4683df10
Fix some issues with threads rendering ( #8305 )
2022-04-13 12:24:44 +01:00
e59edb7101
Live location sharing - beacon in timeline happy path ( #8285 )
...
* extract location markers into generic Marker
Signed-off-by: Kerry Archibald <kerrya@element.io>
* wrap marker in smartmarker
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test smartmarker
Signed-off-by: Kerry Archibald <kerrya@element.io>
* working map in location body
Signed-off-by: Kerry Archibald <kerrya@element.io>
* remove skinned sdk
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use new ZoomButtons in MLocationBody
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test LocationViewDialog
Signed-off-by: Kerry Archibald <kerrya@element.io>
* update commentt
Signed-off-by: Kerry Archibald <kerrya@element.io>
* lint
Signed-off-by: Kerry Archibald <kerrya@element.io>
* lint
Signed-off-by: Kerry Archibald <kerrya@element.io>
* extract livetimeremaining into own component
Signed-off-by: Kerry Archibald <kerrya@element.io>
* extract more beacon state utils
Signed-off-by: Kerry Archibald <kerrya@element.io>
* update tests for roomlivesharewarning
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add idle status to live beacon icon
* add beacon map and status chin
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add handling for bubbles
Signed-off-by: Kerry Archibald <kerrya@element.io>
* tests for BeaconBody
Signed-off-by: Kerry Archibald <kerrya@element.io>
* i18n
Signed-off-by: Kerry Archibald <kerrya@element.io>
* move displaystatus check up to mbeaconbody
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test BeaconStatus
Signed-off-by: Kerry Archibald <kerrya@element.io>
* rename BeaconStatusChin -> BeaconStatus
Signed-off-by: Kerry Archibald <kerrya@element.io>
* make BeaconStatus generic
Signed-off-by: Kerry Archibald <kerrya@element.io>
* lint
Signed-off-by: Kerry Archibald <kerrya@element.io>
* adjust spinner size
Signed-off-by: Kerry Archibald <kerrya@element.io>
* polish and copyrights
Signed-off-by: Kerry Archibald <kerrya@element.io>
* lint
Signed-off-by: Kerry Archibald <kerrya@element.io>
* better comment
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-04-13 10:44:15 +02:00
694c39e72d
Enable threads by default and mark it as a beta feature ( #8081 )
2022-04-05 17:15:31 +01:00
1758450e5c
Revamp notification dot for better readibility ( #8197 )
2022-04-04 12:36:54 +01:00
fce36ec826
Delete groups (legacy communities system) ( #8027 )
...
* Remove deprecated feature_communities_v2_prototypes
* Update _components
* i18n
* delint
* Cut out a bit more dead code
* Carve into legacy components
* Carve into mostly the room list code
* Carve into instances of "groupId"
* Carve out more of what comes up with "groups"
* Carve out some settings
* ignore related groups state
* Remove instances of spacesEnabled
* Fix some obvious issues
* Remove now-unused css
* Fix variable naming for legacy components
* Update i18n
* Misc cleanup from manual review
* Update snapshot for changed flag
* Appease linters
* rethemedex
* Remove now-unused AddressPickerDialog
* Make ConfirmUserActionDialog's member a required prop
* Remove useless override from RightPanelStore
* Remove extraneous CSS
* Update i18n
* Demo: "Communities are now Spaces" landing page
* Restore linkify for group IDs
* Demo: Dialog on click for communities->spaces notice
* i18n for demos
* i18n post-merge
* Update copy
* Appease the linter
* Post-merge cleanup
* Re-add spaces_learn_more_url to the new SdkConfig place
* Round 1 of post-merge fixes
* i18n
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
2022-03-22 23:07:37 +00:00
0b80755fb8
extract reusable styled live beacon icon ( #8103 )
...
* extract reusable styles live beacon icon
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add secondary live lcation color
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-03-21 16:43:43 +00:00
23d5ba9c89
Support MSC3026 busy presence ( #8043 )
...
* Support MSC3026 busy presence
* Use UnstableValue
* Add the import
2022-03-14 10:22:12 +00:00
b480bffab0
Location share type UI ( #7924 )
...
* copyright
Signed-off-by: Kerry Archibald <kerrya@element.io>
* empty line
Signed-off-by: Kerry Archibald <kerrya@element.io>
* functional picker
Signed-off-by: Kerry Archibald <kerrya@element.io>
* most style
Signed-off-by: Kerry Archibald <kerrya@element.io>
* nice style for options
Signed-off-by: Kerry Archibald <kerrya@element.io>
* get ShareType test passing
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add maplibre mock
Signed-off-by: Kerry Archibald <kerrya@element.io>
* lint and test
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add section to themes for location sharing cols
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add svg mock
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use same mock string as imageMock
Signed-off-by: Kerry Archibald <kerrya@element.io>
* newline
Signed-off-by: Kerry Archibald <kerrya@element.io>
* lint
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add live location icon
Signed-off-by: Kerry Archibald <kerrya@element.io>
* rename useEnabledShareTypes
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use solid color for live border
* use ternary
Signed-off-by: Kerry Archibald <kerrya@element.io>
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
2022-03-02 13:00:40 +00:00
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
756b924966
Update colours of message bubbles to match new designs ( #7610 )
2022-01-24 12:33:55 +00:00
2743a75a21
Display general marker on non-self location shares ( #7574 )
2022-01-19 09:33:49 +00:00
707f8cd878
Open map in a dialog when it is clicked ( #7465 )
2022-01-07 14:54:45 +00:00
390dde055a
Task/colors-13 ( #7271 )
2021-12-03 09:23:38 +00:00
f5f1f18007
Task/colors 12 (reorganize theme files again) ( #7212 )
2021-11-29 15:59:21 +00:00
9db0ebb7f5
Task/colors 11 ( #7211 )
2021-11-29 12:52:09 +00:00
3583d99ef2
Fix `$menu-bg-color` ( #7150 )
2021-11-17 09:36:28 +00:00
556cfc7ed8
Add maximise widget functionality ( #7098 )
...
Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>
2021-11-16 15:43:18 +01:00
4eadb3bca1
Color cleanup number 10 ( #7132 )
2021-11-16 10:10:44 +00:00
bafeb38472
Improve VoIP UI/UX ( #7048 )
...
* Remove speaking indicator
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove mic icon for primary feed
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove caching as it doesn't seem to be neccessary
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Add call view buttons colors
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Refactor button code
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Update call view button icons
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* i18n
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Add dialpad icon
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Fix button sizing in PiP
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Fix secondary voice video feed color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-11-15 17:24:11 +00:00
27c3153947
Unified room context menus ( #7072 )
2021-11-15 11:39:25 +00:00
720b092844
Reorganize theme files ( #7130 )
2021-11-15 09:42:06 +00:00
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
71d8946641
Color cleanup number 7 ( #7094 )
...
* $reaction-row-button-selected-border-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $reaction-row-button-bg-color -> $header-panel-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $room-warning-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $button-link-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $tab-label-icon-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $tab-label-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $event-redacted-border-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $event-redacted-fg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $panel-divider-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $search-placeholder-color -> #61708b
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $search-bg-color -> #181b21
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $header-panel-border-color -> #000000
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $scrollbar-track-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $eventbubble-avatar-outline -> $background
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-11-10 09:46:33 +00:00
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
70606ffff6
Replace all uses of notice-primary-color with the correct alert colour ( #7010 )
2021-10-25 10:32:38 +01:00
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
a3cde0e5e6
$voice-record-waveform-incomplete-fg-color -> $quaternary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:34:24 +02:00
aad4e6f312
$voice-playback-button-bg-color -> $system
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:29:03 +02:00
707f0c6bc9
$voice-playback-button-fg-color -> $secondary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:28:01 +02:00
ee7c126596
$groupFilterPanel-divider-color -> $tertiary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:21:27 +02:00
0794be1e98
$notice-secondary-color -> $tertiary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:21:27 +02:00
Michael Telatynski