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
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
e3fda73b2b
Remove dead AddressSelector code ( #8999 )
...
* remove unused AddressSelector
* 18n
2022-07-07 08:11:12 +00:00
8e457f17ba
Introduce new copy icon ( #8942 )
...
PSG-110
2022-07-01 11:29:19 +02:00
c3f26d619e
Improve high-contrast support for spotlight ( #8948 )
2022-06-30 16:17:30 +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
aa8e3dbfb4
Support Inter on custom themes ( #8399 )
...
* include Inter natively on legacy & custom themes
* fix theming of beta button
* fix beta pill skinning properly
* switch back to accent-alt for beta pills
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
2022-05-09 07:55:28 +01: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
328bbd0e08
set icon-button-color to be configurable ( #7725 )
2022-02-17 09:40:23 +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
9fefce6721
Make the close button of the location share dialog visible in high-contrast theme ( #7597 )
2022-01-21 15:40:51 +00:00
2743a75a21
Display general marker on non-self location shares ( #7574 )
2022-01-19 09:33:49 +00:00
2fd06ac0c6
Fix the colour of the map attribution text in dark theme ( #7548 )
2022-01-17 09:30:26 +00:00
707f8cd878
Open map in a dialog when it is clicked ( #7465 )
2022-01-07 14:54:45 +00:00
e0162d255e
Make clear button images visible in high contrast theme ( #7306 )
2021-12-09 09:13:03 +00:00
390dde055a
Task/colors-13 ( #7271 )
2021-12-03 09:23:38 +00:00
fe7f453b1f
Make a few colors customizable ( #7270 )
2021-12-03 09:05:25 +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
8ea551fb6d
Do not shift buttons in high contrast theme ( #7102 )
2021-11-10 11:24:27 +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
9c8e1d32e2
Rename mx_RadioButton to mx_StyledRadioButton to match class name ( #7083 )
2021-11-04 12:57:38 +00:00
68b64564c0
Respect the system high contrast setting when using system theme ( #7043 )
...
* Respect the system high contrast setting when using system theme
* Restore correct behaviour of getEffectiveTheme
2021-10-28 13:01:50 +01:00
abbc39cdec
Add a high contrast theme (a variant of the light theme) ( #7036 )
...
* Enable choosing a high contrast variant of the Light theme
* Updates to high contrast theme to match design and show focus
* Adjust the outline-offset to match designs
* Don't draw an outline around the active tab
* Prevent cropping of outlines on buttons
* Use the correct colour for links
* Change light grey text to be darker in high contrast theme
* Use a darker text colour in admin panel
* Adjust background colours of back button and font slider
2021-10-27 14:31:54 +01:00
166fba6428
Improve the appearance of the font size slider ( #7038 )
2021-10-26 13:29:02 +01: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
1f5d8a95e6
First draft of light-high-contrast theme ( #7009 )
2021-10-22 15:18:49 +01:00
459f3661cf
Add a few fallback colors
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:56:02 +02:00
Michael Telatynski