Commit graph

4150 commits

Author SHA1 Message Date
Michael Telatynski
009f5f2dc9
Fix space panel layout edge cases (#7101) 2021-11-09 10:25:57 +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
Germain
0f8272c6a1
Update highlighted event line to prevent content jumping (#7090) 2021-11-05 14:46:29 +00:00
Germain
aacea8d87b
Fix MemberAvatar rendering and thread info color (#7085) 2021-11-04 17:10:22 +00:00
Andy Balaam
9c8e1d32e2
Rename mx_RadioButton to mx_StyledRadioButton to match class name (#7083) 2021-11-04 12:57:38 +00:00
Germain
38750202ee
Design thread list tiles according to mockups (#7078) 2021-11-03 18:05:01 +00:00
Germain
801eb068d6
Make attachments uploadable to a thread (#7064) 2021-11-03 08:43:24 +00:00
Germain
4b66d4a891
Unbreak IRC layout when thread summary is displayed (#7066) 2021-11-03 08:26:41 +00:00
Germain
0bae79d3c3
Improve Thread View UI (#7063) 2021-11-02 13:18:51 +00:00
Šimon Brandner
57fae01991
Improve the look of tooltips (#7049) 2021-11-02 09:41:33 +00:00
Šimon Brandner
f643839a00
Improve the look of the spinner (#6083) 2021-11-02 09:35:06 +00:00
Travis Ralston
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
Šimon Brandner
5202c0a237
Show a gray shield when encrypted by deleted session (#6119) 2021-11-01 17:28:23 +00:00
Faye Duxovni
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
Faye Duxovni
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
Nolan Darilek
98edc467e0
Give each room directory entry the listitem role to correspond with the containing list. (#7035) 2021-10-29 13:30:05 +01:00
Travis Ralston
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
Andy Balaam
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
Michael Telatynski
27e16362b6
Make join button on space hierarchy action in the background (#7041) 2021-10-27 15:24:31 +01:00
Travis Ralston
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
Andy Balaam
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
Andy Balaam
166fba6428
Improve the appearance of the font size slider (#7038) 2021-10-26 13:29:02 +01:00
Michael Telatynski
0fa9638681
Remove outdated Spaces restricted rooms warning (#6927) 2021-10-26 10:01:14 +01:00
Šimon Brandner
5c66bd6c7b
Add max-empty-lines and no-eol-whitespace to stylelint (#7034) 2021-10-26 08:23:23 +01:00
Germain
e649bf5541
Update Thread icon (#7031) 2021-10-26 07:53:36 +01:00
Michael Telatynski
ead2a5152f
Add decoration to space hierarchy for tiles which have already been j… (#6969) 2021-10-25 11:40:06 +01:00
Šimon Brandner
ceb4c7e368
Add insert link button to the format bar (#5879) 2021-10-25 10:56:55 +01:00
Šimon Brandner
1256b1ef2a
Allow scrolling right in reply-quoted code block (#7024) 2021-10-25 10:42:32 +01:00
Andy Balaam
70606ffff6
Replace all uses of notice-primary-color with the correct alert colour (#7010) 2021-10-25 10:32:38 +01:00
CicadaCinema
1c3ad14b4e
Fix recent css regression (#7022) 2021-10-25 09:57:16 +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
Rafael Gonçalves
12ad01db51
Show passphrase input label (#6992) 2021-10-22 15:50:11 +01:00
Andy Balaam
1f5d8a95e6
First draft of light-high-contrast theme (#7009) 2021-10-22 15:18:49 +01:00
Neeraj Sewani
7ab075fdfd
Change the "Security Phase" color (#6870) 2021-10-21 08:39:01 +01:00
Germain
35b5109c2a
Fix threads broken layout (#6997) 2021-10-20 18:14:24 +01:00
Travis Ralston
abc5db5715
Fix colour variable references in composer format bar (#7000) 2021-10-20 16:07:31 +00:00
Šimon Brandner
c30029a8b1
Soften border-radius on selected/hovered messages (#6525) 2021-10-20 16:33:23 +01:00
Robin Townsend
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
Andy Balaam
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
Andy Balaam
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
Michael Telatynski
8b6d5d59c7
Fix space panel name overflowing (#6995) 2021-10-20 12:12:20 +01:00
CicadaCinema
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
David Baker
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
Michael Telatynski
427afc83aa
Fix couple of Spaces regressions (#6989) 2021-10-19 10:10:34 -06:00
Michael Telatynski
9becc392dd
For space invite previews, use room summary API to get the right member count (#6982) 2021-10-19 16:17:09 +01:00
Michael Telatynski
974f45930c
Simplify Space Panel notification badge layout (#6977) 2021-10-19 16:11:53 +01:00
Andy Balaam
4ad32b16ea Break out font size settings to a separate component 2021-10-19 14:50:09 +01:00
Germain Souquet
df407ef3a8 Fix EventTileSummary layout for message bubbles 2021-10-19 09:31:28 +01:00
Germain Souquet
9319f07291 Revert "Fix threads with bubbles rendering (#6971)"
This reverts commit a2bc090607.
2021-10-19 09:16:40 +01:00
David Baker
98ba3fd6e6
Merge pull request #6973 from matrix-org/dbkr/upgrade_highlightjs
Upgrade highlight.js
2021-10-18 19:52:34 +01:00
David Baker
2b7ea16c2d Upgrade highlight.js
Major version bump for highlight.js. Update usage of deprecated function & some cleanups.
2021-10-18 19:32:20 +01:00
Germain
77e6e1c0ab
Merge pull request #6960 from matrix-org/gsouquet/rename-replythread 2021-10-18 17:11:31 +01:00
David Baker
e0027895e7
Merge pull request #6963 from SimonBrandner/task/colors-5
Color clean-up numero cinco
2021-10-18 17:09:39 +01:00
Dariusz Niemczyk
a2bc090607
Fix threads with bubbles rendering (#6971)
Fixes https://github.com/vector-im/element-web/issues/18958
2021-10-18 15:41:05 +01:00
Andy Balaam
4f3d761984
Merge pull request #6968 from andybalaam/cryptographypanel-table
Convert CryptographyPanel to a table
2021-10-18 13:26:16 +01:00
Dariusz Niemczyk
1d6c9fa8da
Add threads ViewInRoom context button (#18955) (#6947) 2021-10-18 12:09:01 +00:00
Andy Balaam
61a5b495b7 Remove duplicate CSS selector 2021-10-18 12:23:09 +01:00
Andy Balaam
13d6456200 Convert CryptographyPanel to a table 2021-10-18 09:36:16 +01:00
Andy Balaam
f05e35bd94
Merge pull request #6958 from andybalaam/separate-cryptography-setting-component
Break 'Cryptography' settings into a separate component
2021-10-18 09:34:55 +01:00
Michael Telatynski
4d63e1239b
Merge pull request #6962 from CicadaCinema/patch-3 2021-10-18 09:17:40 +01:00
Germain
d93c220aae
Merge pull request #6898 from oliver-pham/issue-19180 2021-10-18 08:47:28 +01:00
Šimon Brandner
459f3661cf
Add a few fallback colors
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:56:02 +02:00
Šimon Brandner
6693ec3401
Reorder things to make it work
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:54:23 +02: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
CicadaCinema
7b893366f2 Add spacing to Room settings - Notifications subsection 2021-10-16 14:52:29 +01:00
Germain Souquet
5a7c0d87b6 Rename ReplyThread to ReplyChain to avoid confusion with m.thread 2021-10-15 17:42:44 +01:00
Andy Balaam
0941b38b5d Name CryptographyPanel CSS classes consistent with style 2021-10-15 16:09:36 +01:00
David Baker
4fb0d021ae
Merge pull request #6897 from SimonBrandner/task/colors-4
Color de-duplication #4
2021-10-15 16:07:07 +01:00
Andy Balaam
a547ee4654 Break 'Cryptography' settings into a separate component 2021-10-15 16:02:44 +01:00
Faye Duxovni
1b7277b8f0
Merge pull request #6943 from matrix-org/fayed/emoji-compare-buttons
Update the button styling on the emoji comparison dialog during cross-signing
2021-10-15 10:34:25 -04:00
Šimon Brandner
0a6e78fd38
Merge remote-tracking branch 'upstream/develop' into task/colors-4 2021-10-15 16:23:40 +02:00
Šimon Brandner
ade53a5bd7
Do more re-ordering to keep things working
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-15 15:44:41 +02:00
Dariusz Niemczyk
f8c516d927
Add new thread message preview (#18958) (#6953)
Closes https://github.com/vector-im/element-web/issues/18958
2021-10-15 14:29:17 +01:00
Šimon Brandner
bc93954577
Remove repeated comment
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-15 15:24:19 +02:00
Šimon Brandner
71eeb836d9
Merge remote-tracking branch 'upstream/develop' into task/colors-4
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-15 15:23:32 +02:00
Andy Balaam
690893ea6b Merge duplicate CSS selectors 2021-10-15 13:32:39 +01:00
Andy Balaam
7edec291ac Switch DevicesPanel to use table (for screen readers) 2021-10-15 11:50:49 +01:00
Dariusz Niemczyk
562a880c7d
Create room threads list view (#6904)
Implement https://github.com/vector-im/element-web/issues/18957 following requirements:
* Create a new right panel view to list all the threads in a given room.
* Change ThreadView previous phase to be ThreadPanel rather than RoomSummary
* Implement local filters for My and All threads

In addition: 
* Create a new TileShape for proper rendering requirements (hiding typing indicator)
* Create new timelineRenderingType for proper rendering requirements
2021-10-14 15:27:35 +02:00
Michael Telatynski
4118d13846
Merge pull request #6829 from matrix-org/t3chguy/fix/18969 2021-10-14 09:59:34 +01:00
Michael Telatynski
2a3c483f96
Merge pull request #6919 from matrix-org/t3chguy/fix/19146 2021-10-14 09:58:19 +01:00
Faye Duxovni
8f10a1d3fb Update the button styling on the emoji comparison dialog during cross-signing
Signed-off-by: Faye Duxovni <fayed@element.io>
2021-10-14 00:46:15 -04:00
Travis Ralston
ea7257698c
Merge pull request #6934 from matrix-org/travis/labs/polls
Add feature flag for polls and placeholder dialog
2021-10-13 11:28:53 -06:00
Andy Balaam
e40413fa99
Merge pull request #6940 from andybalaam/devicespanel-css-in-devicespanel
Move the required CSS for DevicesPanel into its own scss file
2021-10-13 16:48:10 +01:00
Šimon Brandner
15076ce796
Fix issues with custom themes (#6937)
Fallback to non-custom colors in custom themes

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-13 16:43:01 +02:00
Andy Balaam
4e9a20db21 Move the required CSS for DevicesPanel into its own scss file
Signed-off-by: Andy Balaam <andyb@element.io>
2021-10-13 13:55:01 +01:00
Travis Ralston
71c5b02390 Add feature flag for polls and placeholder dialog
We're anticipating development of polls soon, so for efficiency reasons we're getting the labs flag in early. If something goes wrong with the plan, this whole change will be reverted.
2021-10-12 15:13:56 -06:00
Michael Telatynski
4416212d0b
Merge pull request #6926 from matrix-org/t3chguy/fix/18231 2021-10-12 14:03:12 +01:00
Michael Telatynski
d050c00703 Fix room list skeleton ui for narrow room list 2021-10-12 10:30:36 +01:00
Michael Telatynski
e54d803343 Tweak skeleton UI height to be more reasonable 2021-10-11 10:50:33 +01:00
Michael Telatynski
0d524ae70b Iterate invite your teammates to Space view 2021-10-11 10:43:37 +01:00
rom4nik
436996dc30
Prevent backdrop image from being selected 2021-10-11 02:21:09 +02:00
Oliver Pham
0fe133c14f
Merge branch 'matrix-org:develop' into issue-19180 2021-10-10 11:41:21 -04:00