Commit graph

899 commits

Author SHA1 Message Date
Michael Telatynski
275e9c1d02
Update space panel expand mechanism (#7230) 2021-12-07 09:32:00 +00:00
Timo
9bcb82d6dc
Add CSS variable to make the UI gaps consistent and fix the resize handle position (#7234)
Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>
2021-12-06 13:10:52 +01:00
Michael Telatynski
0a99be3d65
Render mini user menu for when space panel is disabled (#7258) 2021-12-02 15:44:01 +00:00
Michael Telatynski
5169bca570
Improve ease of focusing on Room list Search (#7255) 2021-12-02 13:43:02 +00:00
Michael Telatynski
5c0562cfd6
Fix user menu bottom stroke (#7248) 2021-12-01 14:17:37 +00:00
Michael Telatynski
4511c47b1c
Fix wrongly sized default sub-space icons in space panel (#7243) 2021-12-01 10:54:44 +00:00
Michael Telatynski
82c125c170
Update Space Panel scrollable region (#7245) 2021-12-01 10:51:54 +00:00
Michael Telatynski
4a6d46b76a
Replace breadcrumbs with recently viewed menu (#7073) 2021-12-01 10:50:06 +00:00
Michael Telatynski
8fe582b094
Tweaks to informational architecture 1.1 (#7052)
* Move user avatar to Space panel

* Add room list header for 'Home' or 'Space Name' to room list
Add existing Space context menus to room list header

* Re-add pending room join spinner

* Iterate RoomListHeader plus context menu

* Iterate space context menu

* Iterate room list + interactions

* Move DND to new iA model

* Replace composer custom status management with usermenu one

* Cull Quick Actions

* Iterate minimized room list state

* delint

* Merge the RoomListNumResults into the RoomListHeader

* Make the search shortcut prompt semi-bold

* Iterate RoomListHeader based on design review

* Iterate UserMenu based on feedback

* Add name to expanded spacepanel usermenu button

* i18n

* Make room sub list aux button components more generic

* Change left panel explore button to only refer to room directory

* Iterate RoomListHeader

* Fix custom user status input field width in Chrome

* Bring back Notification settings button

* delint

* i18n

* post-merge fix

* iterate pr

* Remove unused state

* update copy

* Apply suggestions from PR review

* delint

* Update invite iconography

* Iterate Space context menu to match Figma

* Fix chevron alignment

* Fix edge case for RoomListHeader on metaspaces

* Wire up general rageshake-driven feedback mechanism

* Add IA1.1 info toast

* add missing alt attribute

* delint

* delint

* tweak ia toast priority

* e2e test account for new toast

* autofocus feedback field and remove old subheading

* tweak copy

* Iterate space panel colours to match Figma

* Iterate PR

* delint

* Fix feedback submission with object setting values

* iterate based on review

* Tweak colours and update splash image

* Tweaks based on review

* Remove room list prompt, made redundant by the big fat `+`

* Fix edge cases around User Menu positioning and dnd

* Add missing import, bad merge?

* Update aria label in e2e test

* Fix room list space rooms context menu explore button behaviour

* Tweak copy

* Revert order of options in the UserMenu

* Tweak copy

* i18n
2021-11-30 18:08:46 +00:00
Timo
8905c5d2bb
Add unread indicator to the timelineCard header icon (#7156)
Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>
Co-authored-by: Travis Ralston <travisr@matrix.org>
2021-11-30 11:06:20 +01:00
Michael Telatynski
1d2965a111
Tweak bottom of space panel buttons in expanded state (#7213) 2021-11-29 20:10:34 +00:00
Michael Telatynski
fe24c8ad2a
Improve ThreadPanel ctx menu accessibility (#7217) 2021-11-29 17:42:53 +00:00
Germain
065b65a764
Hide scrollbar if content height is smaller than scroll node height (#7220) 2021-11-29 17:03:53 +00:00
Timo
4cbed99de3
Add right panel chat timeline (#7112)
Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>
2021-11-29 17:06:15 +01:00
Šimon Brandner
9db0ebb7f5
Task/colors 11 (#7211) 2021-11-29 12:52:09 +00:00
Michael Weimann
f5d32345f4
Improve right panel resize handle usability (#7204) 2021-11-29 10:56:09 +00:00
Michael Telatynski
9fefeefc8c
Spaces quick settings (#7196) 2021-11-26 15:41:04 +00:00
Germain
9e7b407bf7
Add spacing between right panel and main timeline (#7176) 2021-11-22 13:02:48 +00:00
Timo
556cfc7ed8
Add maximise widget functionality (#7098)
Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>
2021-11-16 15:43:18 +01:00
Šimon Brandner
4eadb3bca1
Color cleanup number 10 (#7132) 2021-11-16 10:10:44 +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
Michael Telatynski
5ad3261cb2
Implement more meta-spaces (#7077) 2021-11-11 13:07:41 +00:00
Germain
1de9630e44
Fixes following threads design implementation review (#7100) 2021-11-11 11:00:18 +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
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
801eb068d6
Make attachments uploadable to a thread (#7064) 2021-11-03 08:43:24 +00:00
Germain
0bae79d3c3
Improve Thread View UI (#7063) 2021-11-02 13:18:51 +00: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
Michael Telatynski
27e16362b6
Make join button on space hierarchy action in the background (#7041) 2021-10-27 15:24:31 +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
Michael Telatynski
ead2a5152f
Add decoration to space hierarchy for tiles which have already been j… (#6969) 2021-10-25 11:40:06 +01:00
Michael Telatynski
8b6d5d59c7
Fix space panel name overflowing (#6995) 2021-10-20 12:12:20 +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
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
Germain
d93c220aae
Merge pull request #6898 from oliver-pham/issue-19180 2021-10-18 08:47:28 +01: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
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
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
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
ab835c0e0d
Merge branch 'matrix-org:develop' into issue-19180 2021-10-05 10:15:11 -04:00
Phu Thong Pham
70106f979e Fix text overflows button on Home page 2021-10-05 10:11:25 -04:00
Faye Duxovni
651e943b31 Merge branch 'develop' into fayed/fix-verification-dialog 2021-10-05 08:48:52 -04:00
Faye Duxovni
9a16b4636f Make cross-signing dialog clearer and more context-aware
- Don't show loading spinners while waiting for user action
- When checking if there are other devices we can verify against, only
  look for devices that are actually cross-signed.
- Adjust displayed options depending on whether other devices and/or
  recovery keys exist, and add an option to reset cross-signing keys
  if necessary.
- Various minor clarifying adjustments to UI styling/text

Signed-off-by: Faye Duxovni <fayed@element.io>
2021-10-05 00:54:20 -04: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
Dariusz Niemczyk
17f59131d8
Merge pull request #6868 from SimonBrandner/task/colors-3-mk2
Color clean-up #3 mk2
2021-10-01 11:04:15 +02:00
Travis Ralston
77ad0a9142
Merge pull request #6699 from SimonBrandner/fix/improve-aux-panel/18787
Improve AUX panel behaviour
2021-09-27 10:16:05 -06:00
Šimon Brandner
42d332ce41
Fix Toast container color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-09-27 08:59:33 +02:00
J. Ryan Stinnett
7071092fa4
Merge pull request #5555 from 2580ayush2580/ayush25802
Improve room directory UX for mobile devices
2021-09-21 11:44:07 +01:00
Michael Telatynski
e17318a364 Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into t3chguy/fix/18088 2021-09-16 10:05:20 +01:00
Michael Telatynski
6672be91a1 Simplify Space Panel layout 2021-09-14 15:00:44 +01:00
Michael Telatynski
80fd960304 Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into t3chguy/fix/18088 2021-09-10 09:53:04 +01:00
Michael Telatynski
82cd7acdae Use cursor:pointer on space panel buttons 2021-09-09 11:40:43 +01:00
Michael Telatynski
29b4ba6675 Use new SCSS vars 2021-09-08 15:30:19 +01:00
Michael Telatynski
a688e5b8b3 Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into t3chguy/fix/18088
 Conflicts:
	src/components/structures/LoggedInView.tsx
	src/stores/SpaceStore.tsx
2021-09-06 11:41:09 +01:00
Dariusz Niemczyk
1e50246a78
Merge pull request #6636 from matrix-org/palid/fix/forgot-password-ux
Make ForgotPassword UX slightly more user friendly
2021-09-06 10:55:25 +02:00
Šimon Brandner
54cd385e6d
Improve AUX panel behaviour
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-27 13:31:43 +02:00
Dariusz Niemczyk
fc1dd51046
Fix commit edit history
Fix https://github.com/vector-im/element-web/issues/18742
2021-08-26 15:05:35 +02:00
Travis Ralston
49453f2d49
Merge pull request #6604 from SimonBrandner/task/colors-2
Color de-duplication #2
2021-08-24 12:37:18 -06:00
Dariusz Niemczyk
a62717ed85
Force a new layer for backdrop panel 2021-08-24 19:23:12 +02:00
Dariusz Niemczyk
4cd79e30af
Improve layering for chat
Currently we have a lot of unnecessary layers being created in the app,
which is extremely problematic on Windows when using Chrome, as it
deoptimises fonts rendering due to layers mismatch; chrome's algorithm
can't figure out if the layers won't resize or overlap so it creates a
lot of additional layers, which has a side effect of turning off
sub-pixel antialiasing on Windows.
This is a first step to improve the layering in the entire app.
2021-08-24 19:22:35 +02:00
Dariusz Niemczyk
1e1fc64769
Fix breadcrumbs overflowing left-panel 2021-08-24 16:06:20 +02:00
Dariusz Niemczyk
a93d5cde09
Simplify rendering to css-only 2021-08-24 14:38:39 +02:00
Dariusz Niemczyk
0746fab09d
Make stylelint happy 2021-08-24 14:23:30 +02:00
Dariusz Niemczyk
a5c005756e
Fix resizer on left panel 2021-08-24 13:05:46 +02:00
Dariusz Niemczyk
e2c55c61f3
Fix difficult to grab scrollbar
Fixes https://github.com/vector-im/element-web/issues/18689
2021-08-24 09:37:33 +02:00
Šimon Brandner
bf87413442
Revert "$roomlist-header-color -> $tertiary-content"
This reverts commit 25a3a8ddfd.
2021-08-24 09:02:17 +02:00
Šimon Brandner
8aacd968c7
Remove comment
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-24 09:00:49 +02:00
Šimon Brandner
a5f6a2dd64
Remove comment
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-24 08:57:54 +02:00
Šimon Brandner
b6ea75b681
Merge remote-tracking branch 'upstream/develop' into task/colors-2
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-24 08:57:12 +02:00
Travis Ralston
15c731d574
Merge pull request #6507 from matrix-org/t3chguy/fix/18089
Allow pagination of the space hierarchy and use new APIs
2021-08-23 15:51:34 -06:00
Dariusz Niemczyk
6205cbbdec
Merge pull request #6659 from matrix-org/palid/fix/backdrop-blur
Optimize background image from avatar on left panel
2021-08-23 20:05:49 +02:00
Dariusz Niemczyk
618cc70cbd
Make stylelint happy 2021-08-23 19:43:08 +02:00
Dariusz Niemczyk
e54191f6b0
Move background-blur to fully css version 2021-08-23 19:26:57 +02:00
Dariusz Niemczyk
01eda5158b
Revert "Make the background-blur always 100%"
This reverts commit e8c974a71e.
2021-08-23 17:39:06 +02:00
Dariusz Niemczyk
e8c974a71e
Make the background-blur always 100% 2021-08-23 17:30:02 +02:00
Dariusz Niemczyk
7dfe57833a
Fix GroupFilterPanel not having proper backdrop 2021-08-23 16:57:24 +02:00
Dariusz Niemczyk
ca92101c72
Optimize and rewrite backdrop rendering 2021-08-23 16:20:21 +02:00
Dariusz Niemczyk
9a3a5a7e63
Fix spaces preview screen 2021-08-21 10:47:34 +02:00
Dariusz Niemczyk
d9b79888fd
Fix content not being centered 2021-08-20 18:15:57 +02:00
Dariusz Niemczyk
86b6c6a836
Fix room views not having proper container 2021-08-20 16:32:56 +02:00
Dariusz Niemczyk
67ce081510
Fix one line too much in scss 2021-08-20 13:04:45 +02:00
Dariusz Niemczyk
f5a284a1f0
Fix flex values after blur changes 2021-08-19 16:10:09 +02:00
Dariusz Niemczyk
8fe28fe864
Update res/css/structures/auth/_Login.scss
Co-authored-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-19 09:19:02 +02:00
Dariusz Niemczyk
b9604d1fb5
Make ForgotPassword UX slightly more user friendly 2021-08-19 09:12:52 +02:00
Dariusz Niemczyk
e83722e9d9
Fix missing background color in GroupFilterPanel 2021-08-18 13:56:19 +02:00
Dariusz Niemczyk
3fd95ad374
Fix missing coma 2021-08-17 19:09:58 +02:00
Dariusz Niemczyk
eb242041a5
Fix missing background tonality without avatar 2021-08-17 18:56:19 +02:00
Dariusz Niemczyk
515fc244b6
Revert useless change 2021-08-17 18:00:39 +02:00
Dariusz Niemczyk
de2eb5b6dd
Satisfy linter 2021-08-17 17:59:26 +02:00
Dariusz Niemczyk
2ee26d0681
Make the blur as-close to the css one as possible 2021-08-17 17:47:40 +02:00
Dariusz Niemczyk
a999cad49d
Properly cache blur effect 2021-08-17 16:07:17 +02:00
Dariusz Niemczyk
a2797795b2
Add proper glass-like look 2021-08-16 16:52:41 +02:00
Dariusz Niemczyk
bad37e65db
Add missing position:relative; 2021-08-16 16:52:32 +02:00