Germain
882c85a028
Restore room list backdrop ( #11300 )
...
* Restore room list backdrop
* Lintfix
2023-07-20 08:13:22 +00:00
Germain
38d24f164a
Compound color pass ( #11079 )
...
* Integrate compound design tokens
The icons should not be included in this repo, and should live in the compound design token repo, but for simplicity sake at this phase of the integration they will be added here
* Pareto color pass on the light theme
* bugfixes in the light color pass
* Compound color pass dark theme
* Compound color pass high contrast
* Fix typo
* fix tooltip
* Fix PR feedback
* fix composer button mixin
* Normalise some of the auth page colors
* Update based on figma feedback
* lintfix
* regenerate theme index
* Fix cypress tests
Removed the CSS assertions in the room header as it overlaps with the Percy snapshot
* fix more e2e tests
* update colors based on feedback
* fix color pass
* Fix theme overrides
* Restore -transparent
* fix color mapping
* Final colour pass update
* Do not consume compound colors directly
* rethemedex
* Update pass
* Final tweaks
* a11y pass
* scope opacity to checkbox and not label
* Add missing customisations var for theming
* lintfix
* remove unwanted test
2023-07-12 17:46:49 +00:00
Michael Telatynski
287a3fd0cf
Fix issues with inhibited accessible focus outlines ( #10579 )
2023-04-12 12:49:12 +00:00
Florian Duros
314b2e7ba6
Add new style for inline code ( #9936 )
...
Add new style for inline code
2023-01-19 13:42:59 +00:00
Robin
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
Michael Weimann
526645c791
Apply prettier formatting
2022-12-12 12:24:14 +01:00
Michael Weimann
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
Robin
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
Germain
72c24af5c0
Disallow invalid inline style comments in stylesheets ( #9099 )
2022-07-27 14:39:29 +01:00
Michael Telatynski
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
Janne Mareike Koschinski
f5f79158ed
Implement Use Case Selection screen ( #8984 )
...
* Introduce new splash page wrapper
* Introduce new use case selection screen
2022-07-13 15:43:44 +02:00
Šimon Brandner
7da8c51c6b
Improve colors in settings ( #7283 )
2022-06-14 18:17:10 +00:00
Robin
d5b363e971
Set color-scheme property in themes ( #8547 )
2022-05-09 21:55:31 -04:00
Šimon Brandner
b5ac9493dd
Improve pills ( #6398 )
2022-05-05 11:13:09 +02:00
Šimon Brandner
a5b795c934
Improve UI/UX in calls ( #7791 )
2022-05-04 17:16:38 +02:00
Robin
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
Michael Telatynski
fe4683df10
Fix some issues with threads rendering ( #8305 )
2022-04-13 12:24:44 +01:00
Kerry
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
Germain
1758450e5c
Revamp notification dot for better readibility ( #8197 )
2022-04-04 12:36:54 +01:00
Travis Ralston
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
Kerry
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
Kerry
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
Michael Telatynski
756b924966
Update colours of message bubbles to match new designs ( #7610 )
2022-01-24 12:33:55 +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
Andy Balaam
707f8cd878
Open map in a dialog when it is clicked ( #7465 )
2022-01-07 14:54:45 +00:00
Šimon Brandner
390dde055a
Task/colors-13 ( #7271 )
2021-12-03 09:23:38 +00:00
Šimon Brandner
f5f1f18007
Task/colors 12 (reorganize theme files again) ( #7212 )
2021-11-29 15:59:21 +00:00
Šimon Brandner
9db0ebb7f5
Task/colors 11 ( #7211 )
2021-11-29 12:52:09 +00:00
Šimon Brandner
4eadb3bca1
Color cleanup number 10 ( #7132 )
2021-11-16 10:10:44 +00:00
Šimon Brandner
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
Michael Telatynski
27c3153947
Unified room context menus ( #7072 )
2021-11-15 11:39:25 +00:00
Šimon Brandner
720b092844
Reorganize theme files ( #7130 )
2021-11-15 09:42:06 +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
Šimon Brandner
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
Š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
Andy Balaam
166fba6428
Improve the appearance of the font size slider ( #7038 )
2021-10-26 13:29:02 +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
Šimon Brandner
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
Šimon Brandner
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
Šimon Brandner
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
Šimon Brandner
ee7c126596
$groupFilterPanel-divider-color -> $tertiary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:21:27 +02:00
Šimon Brandner
0794be1e98
$notice-secondary-color -> $tertiary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:21:27 +02:00
Šimon Brandner
ca6ed64811
$roomlist-header-color -> $tertiary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:21:26 +02:00
Šimon Brandner
79efd61b66
$roomsublist-divider-color -> $primary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:21:26 +02:00
Šimon Brandner
36531be8ca
$roomtile-preview-color -> $secondary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:21:26 +02:00
Šimon Brandner
1691127ad2
$field-focused-label-bg-color -> $background
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:21:20 +02:00
Šimon Brandner
14466b1e3b
$settings-profile-placeholder-bg-color -> $system
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-01 20:43:46 +02:00
Šimon Brandner
8a9c493f3a
Use correct color for a selected room in the
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-01 20:40:18 +02:00
Šimon Brandner
47fcd59301
Remove $eventtile-meta-color
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-01 20:37:53 +02:00
Šimon Brandner
71d1196692
Get rid of message-body-panel colors
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-09-27 09:04:51 +02:00