0d53521e83
dark theme WIP
2020-07-09 14:48:15 +02:00
ada68c4220
Merge pull request #4892 from jugglinmike/gh-13135-highlight-jump-to-bottom
...
Highlight "Jump to Bottom" badge when appropriate
2020-07-09 00:20:37 +01:00
8972cf9378
Potential solution to supporting transparent 'show more' buttons
...
In this demonstration, we remove the cutting line (as it collides with the tile in a weird spot) and instead replace the tile with a placeholder when the text is about to collide with the avatar in the tile. We use a `round()` for this because through some amazing coincidence the collision happens at 0.47, which is close enough to 0.5 for people not to notice.
2020-07-08 16:09:45 -06:00
f9aca7c05e
Avoid bounding box usage in sticky headers & improve reliability
...
We now use offsets and scroll information to determine where the headers should be stuck to, still supporting the transparent background.
Some scroll jumps were originally introduced as part of the change in numbering, so they have been fixed here. By proxy, some additional scroll jump/instability should be fixed as well.
This has a lingering problem of still causing a huge number of no-op UI updates though, which will be dealt with in a future commit.
2020-07-08 14:37:35 -06:00
7390baf451
Merge branch 'develop' into element
2020-07-08 18:09:38 +02:00
eb38d80bd5
Merge pull request #4920 from matrix-org/joriks/room-list-priorities
...
Enable options to favourite and low priority rooms
2020-07-08 10:08:02 -06:00
d5747ad6c0
Merge branch 'develop' into element
2020-07-08 18:07:45 +02:00
0368bff5b1
Merge pull request #4904 from matrix-org/joriks/room-list-voip
...
Move voip previews to bottom right corner
2020-07-08 10:07:42 -06:00
7da2b5d92f
fix muted video icon center
2020-07-08 18:06:11 +02:00
571bd30898
update call icons
2020-07-08 18:02:30 +02:00
6ca7150533
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into
...
joriks/room-list-priorities
2020-07-08 16:08:55 +01:00
53bdddfcdd
Fix discrepancies with style
2020-07-08 16:07:38 +01:00
3912f2d21c
Merge remote-tracking branch 'origin/develop' into travis/room-list/resizable
2020-07-08 07:55:10 -06:00
7dad56ca86
Merge branch 'develop' into element
2020-07-08 15:50:17 +02:00
269c30f8e8
Revert "also blur the sticky headers"
...
This reverts commit 82e0816d86
2020-07-08 15:47:01 +02:00
989e4a9ceb
Merge pull request #4912 from matrix-org/bwindels/bettersticky
...
Add wrapper to room list so sticky headers don't need a background
2020-07-08 13:34:01 +00:00
a8085f4e3b
remove background on sticky headers
2020-07-08 14:50:08 +02:00
0d94cfa97a
put sticky headers in padding of wrapper
...
this way they don't need a background, as the list is already clipped
2020-07-08 14:49:38 +02:00
75751abc60
add wrapper we can then add padding to when sticking headers
2020-07-08 14:49:04 +02:00
faa9124f2b
Merge branches 'develop' and 't3chguy/room-list/12345' of github.com:matrix-org/matrix-react-sdk into t3chguy/room-list/12345
...
Conflicts:
src/components/views/rooms/RoomTile2.tsx
2020-07-08 08:57:01 +01:00
15b6a273c9
Swap out the resizer lib for something more stable
...
react-resizer appears to be okay at tracking state, but it often desyncs from reality. re-resizer is more maintained and more broadly used (160k downloads vs 110k), and appears to generally do a better job of tracking the cursor.
The new library has some oddities though, such as deltas, touch support (hence the polyfill), and calling handles "Enable".
For https://github.com/vector-im/riot-web/issues/14022
2020-07-07 22:21:00 -06:00
0906da01ba
Fix gaps
2020-07-08 00:18:58 +01:00
92dec8ddd8
Fix gaps
2020-07-08 00:16:24 +01:00
b3f50b6e17
Enable options to favourite and low priority rooms
2020-07-07 23:14:04 +01:00
a59a8b76a9
Update TODO comments to point to new issue
2020-07-07 14:51:43 -06:00
986d56ffdc
Merge branches 'develop' and 't3chguy/room-list/12345' of github.com:matrix-org/matrix-react-sdk into t3chguy/room-list/12345
...
Conflicts:
src/components/views/rooms/RoomSublist2.tsx
src/components/views/rooms/RoomTile2.tsx
2020-07-07 17:11:04 +01:00
6b5eaca0b9
Remove comment
2020-07-07 16:45:43 +01:00
da1d1ffa09
Change colour to orange and do some lints
2020-07-07 15:42:54 +01:00
0d6e7759d0
Fix review details
...
- spelling mistake
- unwatch watched setting
- lint (indentation)
- use more performant component
2020-07-07 15:11:08 +01:00
527fe24cd6
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into joriks/room-list-voip
2020-07-07 15:04:22 +01:00
69852ecef4
Merge branches 'develop' and 't3chguy/room-list/123' of github.com:matrix-org/matrix-react-sdk into t3chguy/room-list/123
...
Conflicts:
src/components/views/rooms/RoomSublist2.tsx
2020-07-07 14:10:58 +01:00
92a2621815
also apply sticky header bg color when backdrop-filter is not supported
2020-07-07 13:22:13 +02:00
7115c07c65
Merge branch 'develop' into element
2020-07-07 13:21:49 +02:00
8f47b59de8
fix margin between buttons
...
I think the selector wasn't working before either fwiw
2020-07-07 13:03:18 +02:00
df072a12b2
room settings icons
2020-07-07 12:30:02 +02:00
1ef73958f3
change hide community icon in context menu
2020-07-07 12:16:31 +02:00
38ff58f8dd
remove upload icon
2020-07-07 12:16:16 +02:00
af333db6ae
change settings icons
2020-07-07 12:16:03 +02:00
d237d02c03
Highlight "Jump to Bottom" badge when appropriate
...
This resolves https://github.com/vector-im/riot-web/issues/13135
Signed-off-by: Mike Pennisi <mike@mikepennisi.com>
2020-07-06 23:09:54 -04:00
64237c9f4e
Apply scroll margins to RoomTile so that they don't scroll under the "sticky" headers
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-07 00:11:32 +01:00
5176685d20
Implement incoming call box
2020-07-06 23:05:00 +01:00
d14dd777b7
Revert "don't need to set width with javascript?"
...
This reverts commit a2cf641c0e
2020-07-06 15:23:20 -06:00
70eebc978f
Revert "Minor cleanup of sticky header CSS"
...
This reverts commit 5bf14d8427
2020-07-06 15:22:40 -06:00
5bf14d8427
Minor cleanup of sticky header CSS
2020-07-06 14:37:38 -06:00
a2cf641c0e
don't need to set width with javascript?
2020-07-06 14:35:53 -06:00
8fd9dbf1d8
moar icon changes
2020-07-06 18:28:54 +02:00
3e5664de7b
update user menu icons
2020-07-06 16:12:36 +02:00
5735c6d8f5
update favorite icon
2020-07-06 16:12:17 +02:00
2daad838ad
change roomtile icons
2020-07-06 15:56:52 +02:00
137a81501a
fix tooltip bg colors
...
introduce new color variable for inverted backgrounds like dark tooltip
2020-07-06 15:40:30 +02:00
08c44333cf
Update develop
2020-07-06 09:29:23 +02:00
83cfdd9c07
Fix accessibility of the Explore button
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-05 01:30:22 +01:00
afa71c7b7c
Fix minor issues with the badges in the new room list
...
Fixes https://github.com/vector-im/riot-web/issues/14225
2020-07-03 14:26:59 -06:00
ae5ab4c394
Merge pull request #4893 from matrix-org/t3chguy/room-list/101
...
Radio button outline fixes including for new room list context menu
2020-07-03 20:35:17 +01:00
af5f9b7c41
revert dark mode separator colour
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-03 19:53:06 +01:00
c8bb6f5904
Improve radio outlines for message layout to be more consistent
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-03 19:48:22 +01:00
5a542281ed
Make Styled Radio Button outlines default-off
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-03 19:27:45 +01:00
bec10b79da
apply some of the new icons
2020-07-03 18:03:47 +02:00
262b1edaa3
new icons
2020-07-03 18:03:28 +02:00
918d091878
make background image not move too much when resizing left panel
2020-07-03 16:56:10 +02:00
82ca98cdd5
clear background on show more button in element theme
2020-07-03 16:53:06 +02:00
b370e3f078
don't need to set width with javascript?
2020-07-03 16:52:01 +02:00
82e0816d86
also blur the sticky headers
...
added a DOM element so we can set the background on the parent and
the blur on the new element
2020-07-03 16:50:01 +02:00
9cf162e267
Merge branches 'develop' and 't3chguy/room-list/6' of github.com:matrix-org/matrix-react-sdk into t3chguy/room-list/6
...
Conflicts:
src/components/views/rooms/RoomSublist2.tsx
src/components/views/rooms/RoomTile2.tsx
2020-07-03 00:02:37 +01:00
289f40ce29
First step towards a11y in the new room list
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-02 22:21:10 +01:00
df05273225
Merge remote-tracking branch 'origin/joriks/room-list-tooltips' into develop
2020-07-02 15:20:27 -06:00
0549ef83db
Merge pull request #4878 from matrix-org/travis/room-list/fix-community-invites
...
Fix alignment of avatars on community invites
2020-07-02 14:39:25 -06:00
e08512020f
Fix a couple badge alignment issues with community invites
2020-07-02 14:05:31 -06:00
c3ad854868
Fix alignment of avatars on community invites
2020-07-02 13:50:25 -06:00
7ea3164507
Fix alignment of dot badges in new room list
2020-07-02 13:39:20 -06:00
43db4b98df
Merge branch 'develop' into joriks/room-list-breadcrumbs
2020-07-02 13:22:51 -06:00
c259408d71
fix alignment of dot and simplify CSS rules
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-02 12:35:06 +01:00
992349944a
Fix room list 2's room tile wrapping wrongly
2020-07-02 12:18:48 +01:00
0cbc506ad6
add missing svg
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-01 14:26:50 +01:00
ae0bb2a2aa
rename file to mod, for all theme modifications
2020-07-01 15:02:20 +02:00
b5014282a4
Iterate PR based on Figma design and feedback
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-01 13:59:50 +01:00
1889ee202b
Add tooltips for breadcrumbs
2020-07-01 12:23:27 +01:00
aab372c648
Add tooltips
2020-07-01 01:50:31 +01:00
b1e0b35758
Lint style
2020-06-30 23:40:24 +01:00
dcd51b5be3
Implement breadcrumb notifications and scrolling
2020-06-30 23:24:46 +01:00
198958dcdd
Iterate to match figma
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-30 22:32:59 +01:00
cbd2a9cd35
Redo Iconized Context Menu styling to match Figma and simplify future a11y work by flattening the DOM
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-30 22:11:12 +01:00
fe4cf9f9b4
Merge branches 'develop' and 't3chguy/room-list/2' of github.com:matrix-org/matrix-react-sdk into t3chguy/room-list/2
2020-06-30 21:16:37 +01:00
2247400010
Merge pull request #4847 from matrix-org/dbkr/recovery_key_upload_2
...
Add file upload button to recovery key input
2020-06-30 18:06:12 +01:00
21c5c745c1
Merge pull request #4831 from matrix-org/dbkr/recovery_key_passphrase_2
...
Implement new design on security setup & login
2020-06-30 17:55:03 +01:00
446f3e35e9
Merge pull request #4846 from matrix-org/t3chguy/notifications0
...
Fix Room Custom Sounds regression and make ProgressBar relevant again
2020-06-30 16:56:57 +01:00
dad47148ae
clear hairlines by making them transparent for now ...
...
also some color changes
2020-06-30 13:28:19 +02:00
6fc4be386a
add blurred, blended avatar background to left panel
2020-06-30 13:28:19 +02:00
c0a9af945c
use Inter as font
2020-06-30 13:28:19 +02:00
baebab7b16
Add element theme
2020-06-30 13:28:19 +02:00
1e457994f9
More padding between header & text in radio button
2020-06-30 11:10:12 +01:00
6b2ba8caed
Add svgs
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-30 00:27:32 +01:00
54419878fa
Add room notifications context menu and non-default indicator to RoomTile2
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-30 00:16:51 +01:00
adf186f568
Fix RoomTile2 Context Menu to match Figma
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-29 23:03:44 +01:00
175ade8ac4
Merge branch 'develop' into travis/room-list/todo-cleanup
2020-06-28 20:04:41 -06:00
ee2c216c4d
Clean up TODO comments for new room list
...
All relevant TODOs should still be present, and reference an issue for easy finding.
2020-06-28 20:03:04 -06:00
753f7aa5b8
Remove the DM button from new room tiles
...
Fixes https://github.com/vector-im/riot-web/issues/14221
2020-06-27 22:48:54 -06:00
cf3c914382
Merge branches 'develop' and 't3chguy/notifications0' of github.com:matrix-org/matrix-react-sdk into t3chguy/notifications0
2020-06-26 15:35:36 +01:00
15ebaa1470
Port recovery key upload button to new designs
2020-06-26 15:22:04 +01:00
3abc9d8d56
Merge branch 'develop' into travis/room-list/tag-panel
2020-06-26 07:26:57 -06:00
424443927f
Merge pull request #4843 from matrix-org/travis/room-list/user-menu
...
Make the whole user row clickable in the new room list
2020-06-26 07:25:50 -06:00
f830a4b7fc
delint
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-26 14:22:59 +01:00
72035c8078
Make <ProgressBar /> relevant again
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-26 14:19:58 +01:00
f4460ca78f
Merge remote-tracking branch 'origin/develop' into dbkr/recovery_key_passphrase_2
2020-06-26 13:12:06 +01:00
178cbca934
Use mask images in key entry dialogs
2020-06-26 12:56:41 +01:00
e18ea55d20
Convert icons to masks
...
so they're a sensible colour in other themes
2020-06-26 12:41:24 +01:00
bf45cb0588
PR feedback: re-order CSS & add underscore
2020-06-26 11:24:07 +01:00
77b618e4f3
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into anoa/new_spinner
...
* 'develop' of github.com:matrix-org/matrix-react-sdk:
bandaid
make js-sdk import happy?
ts-ignore because something is made of fail
js-sdk imports suck
Iterate on the new room list resize handle
Welcome no longer needs any props
unexport things which need not exporting
Instead of passing sso and cas urls to Welcome, route via start_sso and start_cas
Move to mx_sso_hs_url and co for sso persistance to not conflict with guest creds
Fix Welcome.html URLs
improve typing
Add account and room-account data hooks
Create a StaticNotificationState for representative purposes
Add StyledRadioGroup to simplify use of StyledRadioButton and use in Appearance Tab
2020-06-26 10:17:26 +01:00
e790a31f09
Include newline at end of _InlineSpinner.scss
2020-06-26 09:44:47 +01:00
a2e33a2386
Prevent old InlineSpinner gif from spinning
2020-06-26 09:41:18 +01:00
7ce3cc1db7
Allow the tag panel to be disabled in the new room list
...
Fixes https://github.com/vector-im/riot-web/issues/14156
2020-06-25 20:35:40 -06:00
411271422c
Make the whole UserMenu a button to open the menu
2020-06-25 19:54:17 -06:00
bcfdd4d984
Move all of the UserMenu into the UserMenu component
2020-06-25 19:38:11 -06:00
dafce40d1b
Rename UserMenuButton to UserMenu for new scope
2020-06-25 19:29:12 -06:00
87f961df3f
Put behind a labs flag
2020-06-26 01:22:46 +01:00
6ea5dc7b7c
Change the look of the spinner
2020-06-26 01:19:38 +01:00
30489ce819
Merge pull request #4840 from matrix-org/travis/room-list/resizer-2
...
Iterate on the new room list resize handle
2020-06-25 16:27:39 -06:00
326fa8be7d
Merge pull request #4837 from matrix-org/travis/room-list/hover-states
...
Update sublists for new hover states
2020-06-25 16:05:25 -06:00
555078a993
Iterate on the new room list resize handle
...
Only show shadow when resizing, increase the hit area, and make the handle show up when the list itself is hovered.
2020-06-25 16:03:56 -06:00
0cb54ed2a4
Align the badge count on non-aux lists with other badges
2020-06-25 15:42:44 -06:00
aacedfaf13
Remove opacity from sublist header text, increase weight
2020-06-25 15:19:03 -06:00
129ff3a6e0
Match line colour from user menu in sublist menu
2020-06-25 15:17:19 -06:00
7b79dd6be1
Make the sign out button red
2020-06-25 15:13:28 -06:00
9f5a716cc5
Adjust padding and margins on user menu
2020-06-25 15:11:04 -06:00
2b58875c7f
Fix alignment issues with the user menu objects
2020-06-25 15:07:38 -06:00
0af1507eed
Update sublists for new hover states
...
Fixes https://github.com/vector-im/riot-web/issues/14135
Unblocks https://github.com/vector-im/riot-web/issues/14089
2020-06-25 12:11:10 -06:00
5efa5d2c80
Implement new resize handle for dogfooding
...
Smaller handle width, small shadow on the top of the show more button if there's more rooms to be shown. The resize handle also only shows when you're hovering in the area now.
The original design called for the shadow to show up only if the user is cutting a tile or dragging, however that is complicated implementation-wise. For speed and encouraging a dogfooding pattern we're going ahead with this behaviour instead.
2020-06-25 10:08:44 -06:00
a2d53229ea
Merge pull request #4822 from matrix-org/joriks/appearance-tab-compact-to-advanced
...
Move compact modern layout checkbox to 'advanced'
2020-06-25 14:38:18 +01:00
41c59cc75e
Fix deactivated checked checkbox styling
2020-06-25 14:21:08 +01:00
2b144a846a
Apply some of the newer styling to passphrase / recovery key entry
2020-06-25 12:44:15 +01:00
291914492f
Fix icons in the new user menu not showing up
2020-06-24 19:20:43 -06:00
906b72082e
Merge pull request #4819 from matrix-org/travis/room-list/icon-masks
...
Use theme-capable icons in the user menu
2020-06-24 10:34:29 -06:00
966837232c
Add header icons & justification
2020-06-24 16:12:46 +01:00
0638b94cc2
Move compact checkbox
2020-06-24 16:06:50 +01:00
fc61145c11
Merge pull request #4814 from matrix-org/bwindels/custom-theme-font
...
Font support in custom themes
2020-06-24 13:15:42 +00:00
5e07052f9e
Merge pull request #4816 from matrix-org/travis/room-list/tweak/sublisting
...
Decrease margin between new sublists
2020-06-24 07:05:46 -06:00
3b24f42def
Merge pull request #4818 from matrix-org/travis/room-list/user-menu-polish
...
Update profile information in User Menu and truncate where needed
2020-06-24 07:04:49 -06:00
256636ccf8
Use display:block over absolute positioning
2020-06-24 07:04:19 -06:00
c660467c33
Merge pull request #4802 from matrix-org/joriks/fix-reply-messageactionbar
...
Fix MessageActionBar in irc layout
2020-06-24 11:00:08 +01:00
5c7e59b132
Use theme-capable icons in the user menu
...
They're still inconsistent weights, but at least they are the right color on non-light-theme clients.
2020-06-23 21:17:39 -06:00
380aed4244
Update profile information in User Menu
...
Fixes https://github.com/vector-im/riot-web/issues/14158 (we needed an HTTP avatar URL)
Fixes https://github.com/vector-im/riot-web/issues/14159
Fixes https://github.com/vector-im/riot-web/issues/14157
Also fixes an issue where it wasn't updating automatically when the user changed their profile info.
This is all achieved through a new OwnProfileStore which does the heavy lifting, as we have to keep at least 2 components updated.
2020-06-23 21:01:50 -06:00
74e4ea7d48
Merge pull request #4797 from matrix-org/uhoreg/distrust_backup
...
Mark messages with a black shield if the megolm session isn't trusted
2020-06-23 15:38:03 -04:00
dd9112a01a
Decrease margin between new sublists
...
This is an attempt to increase density without adjusting the tiles directly.
2020-06-23 11:44:40 -06:00
e083856801
allow changing the font-family
2020-06-23 17:53:40 +02:00
0694776b25
Update the 'save your security key' screen
2020-06-23 16:27:41 +01:00
1e39279a77
Merge pull request #4761 from matrix-org/joriks/appearance-advanced
...
Custom font selection
2020-06-23 15:38:50 +01:00
6ce8584337
Implement first screen (recovery key / passphrase choice)
2020-06-23 15:04:39 +01:00
894357f7f6
Merge branch 'develop' into travis/room-list/unread-2
2020-06-22 14:16:52 -06:00
cf92fc37d4
Fix layout of minimized view for new room list
2020-06-22 12:51:53 -06:00
30d8dc06fc
Increase bold weight for unread rooms
...
For https://github.com/vector-im/riot-web/issues/14084
2020-06-22 10:25:10 -06:00
Bruno Windels