e2b59335cf
Implement empty design list ( #7115 )
2021-11-11 13:56:44 +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
5ad3261cb2
Implement more meta-spaces ( #7077 )
2021-11-11 13:07:41 +00:00
1de9630e44
Fixes following threads design implementation review ( #7100 )
2021-11-11 11:00:18 +00:00
431b69ee49
Display started polls in timeline (without votes) (behind labs setting) ( #7088 )
...
* Display started polls in timeline (without votes)
* Update i18n info
* Keep original background colour of poll options, even on hover
* Show full avatar above a poll message
2021-11-10 15:44:57 +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
50ff00084f
Change radio button border colour to match design ( #7087 )
2021-11-10 09:34:21 +00:00
009f5f2dc9
Fix space panel layout edge cases ( #7101 )
2021-11-09 10:25:57 +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
0f8272c6a1
Update highlighted event line to prevent content jumping ( #7090 )
2021-11-05 14:46:29 +00:00
aacea8d87b
Fix MemberAvatar rendering and thread info color ( #7085 )
2021-11-04 17:10:22 +00:00
9c8e1d32e2
Rename mx_RadioButton to mx_StyledRadioButton to match class name ( #7083 )
2021-11-04 12:57:38 +00:00
38750202ee
Design thread list tiles according to mockups ( #7078 )
2021-11-03 18:05:01 +00:00
801eb068d6
Make attachments uploadable to a thread ( #7064 )
2021-11-03 08:43:24 +00:00
4b66d4a891
Unbreak IRC layout when thread summary is displayed ( #7066 )
2021-11-03 08:26:41 +00:00
0bae79d3c3
Improve Thread View UI ( #7063 )
2021-11-02 13:18:51 +00:00
57fae01991
Improve the look of tooltips ( #7049 )
2021-11-02 09:41:33 +00:00
f643839a00
Improve the look of the spinner ( #6083 )
2021-11-02 09:35:06 +00:00
73731cc478
Polls: Creation form & start event ( #7001 )
...
* PSFD-423: Permission check for polls dialog
* PSFD-423: Implement compound scrollable dialog and skeleton create poll
* PSFD-325: Ask the question
* PSFD-328: Ask for options
* PSFD-423: Ensure form submission semantics work for dialogs
* PSFD-328: Option semantics
* Can delete all option to end up with zero
* Minimum 2 to submit the form
* PSFD-316: Send poll start event
* Appease the linter
* PSFD-328: Reduce padding between options to account for field size
* Iterate per design
* Fix submission
2021-11-01 23:44:42 -06:00
5202c0a237
Show a gray shield when encrypted by deleted session ( #6119 )
2021-11-01 17:28:23 +00:00
71244f3b3c
Add more checkbox styles ( #7058 )
...
Add a "kind" param for StyledCheckbox, allowing designers to choose different styles of checkbox as needed. In addition to the preexisting default kind (now called Solid), there's an Outline kind with a green checkmark and a transparent fill. This is used in the device trust view, since the default checkbox style looks too much like the green "verified" shield and it's awkward to have those next to each other.
2021-10-29 21:57:32 -04:00
d88b8efd19
Improve device list in Security & Privacy settings ( #7004 )
...
Overhaul the device list in the "Security and Privacy" settings tab to include device trust status, provide buttons for verifying unverified devices, and improve overall usability and style. This should now be the primary interface for checking and changing the trust status of your own devices, rather than looking at your own user profile in the right panel.
2021-10-29 18:11:39 -04:00
98edc467e0
Give each room directory entry the `listitem` role to correspond with the containing `list`. ( #7035 )
2021-10-29 13:30:05 +01:00
3f3e4ff674
Don't apply message bubble visual style to media messages ( #7040 )
...
* PSFD-457: Don't apply message bubble visual style to media messages
* Match corner rounding for images
2021-10-28 08:32:30 -06:00
27e16362b6
Make join button on space hierarchy action in the background ( #7041 )
2021-10-27 15:24:31 +01:00
43cbb947b6
PSFD-454: Add padding between controls on edit form in message bubbles ( #7039 )
...
8px arbitrarily to make it not squishy
2021-10-27 08:17:52 -06: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
0fa9638681
Remove outdated Spaces restricted rooms warning ( #6927 )
2021-10-26 10:01:14 +01:00
5c66bd6c7b
Add `max-empty-lines` and `no-eol-whitespace` to stylelint ( #7034 )
2021-10-26 08:23:23 +01:00
ead2a5152f
Add decoration to space hierarchy for tiles which have already been j… ( #6969 )
2021-10-25 11:40:06 +01:00
ceb4c7e368
Add insert link button to the format bar ( #5879 )
2021-10-25 10:56:55 +01:00
1256b1ef2a
Allow scrolling right in reply-quoted code block ( #7024 )
2021-10-25 10:42:32 +01:00
70606ffff6
Replace all uses of notice-primary-color with the correct alert colour ( #7010 )
2021-10-25 10:32:38 +01:00
1c3ad14b4e
Fix recent css regression ( #7022 )
2021-10-25 09:57:16 +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
12ad01db51
Show passphrase input label ( #6992 )
2021-10-22 15:50:11 +01:00
7ab075fdfd
Change the "Security Phase" color ( #6870 )
2021-10-21 08:39:01 +01:00
35b5109c2a
Fix threads broken layout ( #6997 )
2021-10-20 18:14:24 +01:00
abc5db5715
Fix colour variable references in composer format bar ( #7000 )
2021-10-20 16:07:31 +00:00
c30029a8b1
Soften border-radius on selected/hovered messages ( #6525 )
2021-10-20 16:33:23 +01:00
2ee732b84d
Update style of composer format bar to match message action bar ( #6351 )
...
Signed-off-by: Robin Townsend <robin@robin.town>
2021-10-20 09:19:54 -06:00
4b903b9fbd
Break ThemeChoicePanel into a separate component ( #6998 )
...
* Break ThemeChoicePanel into a separate component
* Tests for ThemeChoicePanel
* i18n fixes
* Fix copyright for ThemeChoicePanel
2021-10-20 14:58:27 +00:00
96bd052ecf
Improve visibility of font size chooser ( #6988 )
...
* Improve visibility of font size chooser
* Move slider dot sizes into variables
* Use a standard font size instead of percentage in Slider
* Use shorthand for padding in FontScalingPanel
* Change Slider text pos to px to be consistent when font changes
* Cleaner dot size for Slider selection
2021-10-20 13:41:27 +01:00
8b6d5d59c7
Fix space panel name overflowing ( #6995 )
2021-10-20 12:12:20 +01:00
23295718e3
Position toggle switch more clearly ( #6914 )
...
* Position toggle switch more clearly
* attempt to revert changes, align switch to title instead
* remove unused import, add missing property
Co-authored-by: ColonisationCaptain <52425971+ColonisationCaptain@users.noreply.github.com>
2021-10-19 15:28:11 -06:00
01c4d3eede
Fix conflicting CSS on syntax highlighted blocks ( #6991 )
...
Fixes https://github.com/vector-im/element-web/issues/19445
2021-10-19 18:43:29 +01:00
427afc83aa
Fix couple of Spaces regressions ( #6989 )
2021-10-19 10:10:34 -06:00
9becc392dd
For space invite previews, use room summary API to get the right member count ( #6982 )
2021-10-19 16:17:09 +01:00
974f45930c
Simplify Space Panel notification badge layout ( #6977 )
2021-10-19 16:11:53 +01:00
Germain