bf3c49b8df
Remove redundant CSS rules
2020-08-27 10:46:29 +01:00
dc08fee635
Fix the resize handle being unreachable when you don't have permission to add widgets
2020-08-24 14:38:58 +01:00
35cc1fb06d
small tweaks
2020-08-21 16:38:28 +01:00
cca5ccd79d
Switch widget resizing to re-resizable and add persistence
2020-08-21 16:29:07 +01:00
ae65ed5c2e
Merge branch 'develop' of https://github.com/matrix-org/matrix-react-sdk into resizable-appsdrawer
...
Conflicts:
res/css/views/rooms/_AppsDrawer.scss
2020-08-20 10:26:35 +01:00
24a390f840
Merge pull request #5123 from matrix-org/t3chguy/room-list/14466
...
Room List filtering visual tweaks
2020-08-18 17:22:05 +01:00
5d98805d77
Merge branch 'develop' into bwindels/make-reply-not-overlay
2020-08-18 13:39:06 +02:00
24a088e234
Iterate PR, tweak margins
2020-08-18 12:00:56 +01:00
3fe6f0a792
delint css
2020-08-17 18:26:42 +01:00
e20b375433
Add filter results count and explore prompt
2020-08-17 18:20:00 +01:00
21cdf5073c
Merge branch 'develop' of https://github.com/matrix-org/matrix-react-sdk into t3chguy/room-list/14617
2020-08-14 18:58:26 +01:00
4ec602b960
Make cutout in the decorated room avatar transparent rather than fixed
2020-08-14 10:20:59 +01:00
b8a260bb84
Change add room action for rooms to context menu
2020-08-13 16:18:26 +01:00
df75024a21
Switch out the globe icon and colour it depending on theme
2020-08-13 15:16:31 +01:00
0060acbb33
Merge pull request #5056 from matrix-org/joriks/style-fighting
...
Quick win session 24/07/2020
2020-08-12 15:21:06 +01:00
4799f0ee43
Merge pull request #5085 from matrix-org/t3chguy/notifications11
...
Factor out Iconized Context menu for reusability
2020-08-08 11:41:28 +01:00
d126f5c1e6
tidy up IconizedContextMenu CSS
2020-08-04 21:42:45 +01:00
271eeeabee
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into joriks/style-fighting
2020-08-04 15:04:56 +01:00
ce226ab534
Replace Riot with Element in docs and comments
...
This only covers the simple cases of references to issues and repos. More
complex areas, such as deployment scripts, will be handled separately.
Part of https://github.com/vector-im/element-web/issues/14864
2020-08-03 18:33:36 +01:00
71af4580e8
Convert jump to unread button
2020-07-31 20:39:17 +01:00
7aaa4997c2
Convert jump to bottom button
2020-07-31 20:33:15 +01:00
f28bce36e1
Merge remote-tracking branch 'origin/develop' into jryans/adjust-chevrons
2020-07-31 18:23:57 +01:00
31180d3df9
Adjust room list colours to match designs
2020-07-31 17:52:19 +01:00
8441763a71
Fix show less icon
2020-07-31 17:48:30 +01:00
6b667a93bd
also center chevron in top unread button
2020-07-31 14:39:34 +02:00
29e17af2f8
scale the icon a bit, as centering changed it's size
2020-07-31 14:30:38 +02:00
561b8752b9
actually center the icon
2020-07-31 14:23:24 +02:00
01d624fdaf
Make the reply preview not an overlay on the timeline anymore
...
As users can't scroll down all the way down to the timeline like this to
see the last message (and perhaps adjust their reply to it)
This also remove the wrapper div as it is not needed anymore
2020-07-31 13:47:40 +02:00
e917c0d92e
Replace all chevrons with a single icon
...
This replaces all chevrons with a single icon, affecting components like the
room list, network dropdown, and rebrand modal.
Rather than having files for each direction that can get out of sync, this
change uses one direction and rotates in CSS for the others.
Fixes https://github.com/vector-im/riot-web/issues/14663
2020-07-30 16:49:46 +01:00
f64ef65f97
Use StyledRadioGroup
2020-07-28 17:13:58 +01:00
9cd232617d
Unify composer and room header icons
2020-07-28 13:19:11 +01:00
1a9487f1be
Left align display names irc layout
2020-07-27 16:21:44 +01:00
d55699211e
Update copy icon on pre block and share dialogues
2020-07-27 15:13:02 +01:00
992d7215c7
Remove poorly contrasted "dark style" heading in Room Preview Bar
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-27 14:59:00 +01:00
60a6b13f4b
Merge pull request #5026 from matrix-org/t3chguy/room-list/14440
...
Put low priority xor toggle back in the room list context menu
2020-07-24 00:02:50 +01:00
80687e358f
Obliterate some flexboxes in the room list
...
We don't need columns of divs to equally size themselves, so use easier layout techniques to make the list fit in the container. We have to take a hit with `height:100%`, but the hit is much more insignificant than confusing the layout engine.
The layout engine has a hard time with dynamically-but-statically-sized stuff like `width: 100%; display: flex;`, particularly when it is nested so badly. Overall this should improve performance for the app by not having to re-paint so often.
Fixes https://github.com/vector-im/riot-web/issues/14639
2020-07-22 16:34:33 -06:00
fe0c660fac
Put low priority xor toggle back in the room list context menu
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-21 09:50:20 +01:00
0de6cada57
Merge pull request #5023 from matrix-org/t3chguy/room-list/14644
...
Add min-width to floating Jitsi
2020-07-20 15:24:26 +01:00
ee8d885e70
Merge pull request #5020 from matrix-org/t3chguy/fix/14649
...
Update crypto event icon to match rest of app styling
2020-07-20 15:21:03 +01:00
828cfb7138
Add min-width to floating Jitsi
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-20 15:15:21 +01:00
8aceb11992
Fix community right panel button regression
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-20 14:47:06 +01:00
519ebdb67a
Update crypto event icon to match rest of app styling
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-20 14:05:07 +01:00
7996013cd5
Merge pull request #5013 from matrix-org/travis/room-list/rm-old
...
[BREAKING] Remove the old room list
2020-07-20 06:46:05 -06:00
361d524e7e
Rename remaining SCSS variables to remove 2 suffix
2020-07-17 16:18:15 -06:00
40e4347114
Replace $roomtile-badge-fg-color with $accent-fg-color
2020-07-17 16:08:47 -06:00
1cecabb0b3
Replace $roomtile-name-color with $muted-fg-color (equivalent)
2020-07-17 16:03:26 -06:00
a30da8dcdb
Rename RoomList2 SCSS variables
2020-07-17 15:59:35 -06:00
d7ada5f7c5
Remove TODO flags
2020-07-17 15:47:37 -06:00
c9b0b3b31d
RoomSublist2 -> RoomSublist
2020-07-17 15:46:46 -06:00
96065ae982
RoomTile2 -> RoomTile
2020-07-17 15:43:29 -06:00
8dfe7b6cc7
RoomBreadcrumbs2 -> RoomBreadcrumbs
2020-07-17 15:32:06 -06:00
a7c18bfbfa
RoomList2 -> RoomList
2020-07-17 15:27:49 -06:00
2441cbc9ac
LeftPanel2 -> LeftPanel
2020-07-17 15:22:18 -06:00
58532f2ac4
Merge pull request #4990 from matrix-org/joriks/irc-layout-truncate-upload-name
...
ellipse senders for images and videos
2020-07-17 22:04:19 +01:00
3c047cecfd
Remove core structures for the old room list
2020-07-17 14:17:11 -06:00
9ec2ca447c
Update style of default tooltips to match the new style
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-17 16:19:10 +01:00
a704eefdd5
Merge branches 'develop' and 't3chguy/nad/rampage' of github.com:matrix-org/matrix-react-sdk into t3chguy/nad/rampage
...
Conflicts:
src/components/views/elements/AccessibleTooltipButton.tsx
2020-07-16 15:47:12 +01:00
e6dff951b8
Fix composer text alignment
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-16 15:42:58 +01:00
1a9680b527
Update font size of member filter field
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-16 15:40:31 +01:00
576294e7ce
Add shadow to the reply preview and autocomplete composer panes
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-16 15:26:25 +01:00
a2b5e5a6a1
Fix top right header button layout and hover consistency
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-16 14:38:46 +01:00
cb4f4c96b4
Update colour of typing indicator in timeline to match topic
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-16 14:38:23 +01:00
2b260a69a0
Change colour of unread count dot to primary fg
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-16 14:37:41 +01:00
2e8285590c
Merge pull request #4992 from matrix-org/joriks/irc-layout-e2e-icon
...
Move e2e icon
2020-07-16 14:35:08 +01:00
96f0681c2e
Move e2e icon
2020-07-16 03:52:35 +01:00
bcbb3e8169
fix name jump
2020-07-16 03:14:20 +01:00
e873ba9608
ellipse senders for images and videos
2020-07-16 02:52:16 +01:00
17dba01993
Fix style lint
2020-07-15 03:49:59 -06:00
2da7d17a5d
change color of who is typing text to composer icons color
...
as requested by Nad
2020-07-14 20:45:14 +02:00
aeadf64ccf
change icon on invite button
2020-07-14 19:40:17 +02:00
7ff3e6a26d
bring back padding between show more and resize handle
2020-07-14 15:09:53 +02:00
b6a5fa38e1
Merge branch 'element' into 'nadonomy/ui-tweaks-part-deux'
...
# Conflicts:
# res/css/views/rooms/_RoomSublist2.scss
2020-07-14 12:40:52 +00:00
4fe4788c2e
Merge branch 'develop' into element
2020-07-14 14:31:31 +02:00
fcf5fc0990
Fix normal e2e icon colour
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-14 13:30:05 +01:00
a09f773edd
Tweak sticky header hiding to avoid pop
...
When transitioning between sublists, there can be a visibly observable jump in
the positioning of list items when the header container is restored to normal
size outside of sticky mode.
To avoid this problem, this leaves all headers at normal size. This creates a
new issue of a permanent gap at the top of the list for the first header, but
this can be solved by always hiding (since it can only ever appear stuck to
top).
Fixes https://github.com/vector-im/riot-web/issues/14429
2020-07-14 12:16:17 +01:00
106c91aec0
Merge branch 'element' into 'nadonomy/ui-tweaks-part-deux'
...
# Conflicts:
# res/css/views/rooms/_RoomSublist2.scss
2020-07-14 09:26:04 +00:00
9d7a7c707f
Merge branch 'nadonomy/ui-tweaks-part-deux' of https://gitlab.matrix.org/new-vector/element/element-web/matrix-react-sdk into nadonomy/ui-tweaks-part-deux
2020-07-14 00:52:07 +01:00
d4e397cbd0
Switch to svg masks for the e2eicon and border it for the EntityTile avatars
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-14 00:52:03 +01:00
d0d61e7e3c
Improve legibility of room headers
2020-07-14 00:06:12 +01:00
4d432f23e4
Fix room header timeline and composer alignment
...
Room header use DecoratedRoomAvatar instead of manual e2eIcon overlay
move e2eIcon next to it instead of private padlock
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-13 23:56:25 +01:00
ce365cc5a1
Optically align room header height with panel heights
2020-07-13 23:12:37 +01:00
145b154a01
fix left gutter based on the border-left shrinking by 1px
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-13 22:56:20 +01:00
a40972cec9
Fix text jumps for event tile hover
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-13 22:21:06 +01:00
a1ff00a7a8
Fix scrollbar occlusion in the right panel
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-13 22:13:29 +01:00
5e5620a6c2
Make widgets match the new 8px border-radius standard
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-13 21:59:46 +01:00
f8e2805f38
Merge branch 'nadonomy/ui-tweaks-part-deux' of https://gitlab.matrix.org/new-vector/element/element-web/matrix-react-sdk into nadonomy/ui-tweaks-part-deux
2020-07-13 21:53:46 +01:00
9007653ec6
Make room clipping list mask softer
2020-07-13 21:52:52 +01:00
6a58512397
Fix alignments
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-13 21:45:48 +01:00
88a653445f
Fix h-alignment of the room header, timeline and composer avatars
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-13 21:15:58 +01:00
57f75736be
Merge branch 'nadonomy/ui-tweaks-part-deux' of https://gitlab.matrix.org/new-vector/element/element-web/matrix-react-sdk into nadonomy/ui-tweaks-part-deux
2020-07-13 21:02:26 +01:00
5a85ce5d3d
Remove text decoration from links v2
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-13 21:02:08 +01:00
fafbd25f6b
Tweak padding & weight
2020-07-13 20:57:24 +01:00
a3b1c93149
Tweak padding
2020-07-13 20:50:26 +01:00
69929134c5
add spacing between sublists of 4px
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-13 20:40:42 +01:00
4244c67aca
Fix even spacing between sticky and non-sticky headers
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-13 20:29:08 +01:00
b50c809d35
Merge remote-tracking branch 'origin/develop' into element
2020-07-13 20:28:57 +01:00
571209afbe
Merge pull request #4963 from matrix-org/joriks/room-list-gradient
...
Add fade to show more button on room list
2020-07-13 20:21:48 +01:00
dec377a448
Temporarily apply Joriks CSS fix
2020-07-13 20:15:09 +01:00
b28bb34cb7
Small tweaks to padding and sizing
2020-07-13 20:13:20 +01:00
c9e231c3eb
Add fad
2020-07-13 19:03:31 +01:00
995a7879a1
Merge remote-tracking branch 'origin/develop' into element
2020-07-13 18:49:55 +01:00
c346122adf
align room header with user menu button
2020-07-13 18:24:28 +02:00
cd83f12a82
Fix badges for font size 20
2020-07-13 16:11:21 +01:00
1ce3ae0cf2
Merge pull request #4952 from matrix-org/t3chguy/room-list/14413
...
Remove redundant scroll-margins and fix RoomTile wrongly scrolling
2020-07-13 15:57:27 +01:00
213e2df9fc
Remove redundant scroll-margins and fix RoomTile wrongly scrolling
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-12 08:49:04 +01:00
bdb641279a
Merge branch 'develop' into travis/room-list/enable
2020-07-10 11:11:25 -06:00
952200f031
Merge branch 'develop' into element
2020-07-10 19:04:45 +02:00
477472c178
Merge branch 'develop' into travis/room-list/showmore2
2020-07-10 10:57:17 -06:00
85ac256231
cleanup
2020-07-10 18:40:09 +02:00
725b7f8950
make show more button a bit less tall
2020-07-10 18:30:52 +02:00
d5a3071518
put show more button inside resizer
...
this way we have a flexbox layout in the resizer with:
- the resize handle (fixed)
- the show more/less button, if any (fixed)
- the list of tiles (grabbing whatever is left)
2020-07-10 18:29:39 +02:00
bf0a503e44
[WITH CONFLICTS] Merge branch 'develop' into travis/room-list/enable
2020-07-10 10:18:12 -06:00
2bf2a08e7a
Mark safari hacks
2020-07-10 08:52:46 -06:00
ab51dd28dc
Merge remote-tracking branch 'origin/develop' into element
2020-07-10 11:08:33 +01:00
75dbd5f1d4
Merge branch 'develop' into travis/room-list/enable
2020-07-09 22:28:16 -06:00
edb556f22e
Stop safari from agressivly shrinking
2020-07-10 02:15:46 +01:00
859f65659c
Attempt to support a hard cutoff with the show more button
...
Known issues:
* Causes scroll jumps when the button gets added to DOM
* Resize handle is invisible when there's a show more button
TODO:
* Clean up comments
* Clean up useless code (all the padding stuff isn't needed)
2020-07-09 13:07:13 -06:00
ce68314de9
Revert "Merge pull request #4932 from matrix-org/travis/room-list/invisible-show-more"
...
This reverts commit f58a0a7538
2020-07-09 12:13:12 -06:00
b95b26d19b
change border radius for selected room tile
2020-07-09 19:17:47 +02:00
00f0f6dd34
add color for room list header color
2020-07-09 19:17:34 +02:00
c0d2e29720
add theme variable for room header background color
2020-07-09 19:16:30 +02:00
74fa3b2c81
Fix rough badge alignment for community invite tiles again
...
Fixes https://github.com/vector-im/riot-web/issues/14392
2020-07-09 10:39:53 -06:00
d90fc57469
Merge branch 'develop' into element
2020-07-09 17:59:56 +02:00
f58a0a7538
Merge pull request #4932 from matrix-org/travis/room-list/invisible-show-more
...
Potential solution to supporting transparent 'show more' buttons
2020-07-09 14:43:20 +00:00
bd8e1f7198
Merge pull request #4931 from matrix-org/travis/room-list/sticky-headers
...
Improve performance and stability in sticky headers for new room list
2020-07-09 08:00:56 -06: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
d5747ad6c0
Merge branch 'develop' into element
2020-07-08 18:07:45 +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
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
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
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
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
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
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
bec10b79da
apply some of the new icons
2020-07-03 18:03:47 +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
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
6fc4be386a
add blurred, blended avatar background to left panel
2020-06-30 13:28:19 +02: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
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
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
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
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
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
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
ea929e575a
Fix MessageActionBar
2020-06-22 16:02:23 +01:00
c690cfc6c5
mark messages with a black shield if the megolm session isn't trusted
2020-06-18 21:57:33 -04:00
f2440388b1
Merge branch 'joriks/font-scaling-message-preview' into joriks/appearance-tab-layout-options
2020-06-18 15:37:01 +01:00
58671f014b
Merge pull request #4765 from matrix-org/travis/room-list/show-less
...
Add a 'show less' button to the new room list
2020-06-17 10:24:50 -06:00
d2831ffb0c
Merge pull request #4758 from matrix-org/travis/room-list/sticky
...
Sticky and collapsing headers for new room list
2020-06-17 08:28:38 -06:00
63447413ca
Replace class block with reference to class
2020-06-17 08:28:22 -06:00
a816f494e4
Merge pull request #4656 from TitanNano/9814
...
Add some media queries to improve UI on mobile (#3991 )
2020-06-17 14:50:16 +01:00
aab7e0cc14
Fix alignment of checkboxes in new room list's context menu
...
At somepoint the checkbox lost its padding, so we don't need to counteract it.
2020-06-16 18:56:56 -06:00
af1c2f9b29
fix requested changes from #3991
...
Signed-off-by: Jovan Gerodetti <jovan.gerodetti@titannano.de>
2020-06-16 23:11:32 +02:00
049e3fc08c
Add some media queries to improve UI on mobile
2020-06-16 23:11:32 +02:00
e4a51a7c01
Add presence icons; Convert to generic icon component
...
For https://github.com/vector-im/riot-web/issues/14039
2020-06-16 14:44:37 -06:00
bcebef7e56
Add a globe icon to public rooms
...
For https://github.com/vector-im/riot-web/issues/14039
2020-06-16 12:13:12 -06:00
2192332968
Add layout options to the appearance tab
2020-06-16 17:55:19 +01:00
84e60ee439
Add a 'show less' button to the new room list
2020-06-15 20:00:09 -06:00
4186070489
Support list collapsing and jumping
...
Fixes https://github.com/vector-im/riot-web/issues/14036
2020-06-15 19:47:43 -06:00
eeac80096c
Float the badges with the sticky headers
2020-06-13 19:07:19 -06:00
1bbf2e053b
Initial attempt at sticky headers
...
Docs enclosed in diff.
2020-06-13 11:55:11 -06:00
f9a4151a6e
Add rudimentary dark theme support
2020-06-12 13:52:54 -06:00
9eb965878a
Merge pull request #4754 from matrix-org/travis/room-list/per-list-algo
...
Support per-list options and algorithms on the new room list
2020-06-12 08:40:23 -06:00
4aa15ee191
Wire up the context menu to the room list store
...
Updates are passed along magically to the sublist, so we don't need to listen for the room list store's response to our changes.
This just hits the functions introduced in the last commit.
2020-06-11 22:04:10 -06:00
ec48c76a4f
Merge pull request #4753 from matrix-org/travis/room-list/minimized
...
Add a minimized view to the new room list
2020-06-11 17:20:49 -06:00
3895c03ee2
Merge pull request #4752 from matrix-org/joriks/irc-encryption-alignment
...
Fix e2e icon alignment in irc-layout
2020-06-11 23:42:49 +01:00
484dc36619
Fix alignment of show more button
2020-06-11 14:41:35 -06:00
2c04a56784
Add a minimized view to the new room list
...
This covers everything except breadcrumbs, as those are somewhat undecided from a design perspective.
2020-06-11 14:39:28 -06:00
872103fb8a
Fix e2e bade alignment
2020-06-11 11:44:11 +01:00
399dd6a225
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into joriks/fix-read-receipts
...
To fix types
2020-06-11 10:55:27 +01:00
b36d7d48cc
Center read reaceipts on irc-ui
2020-06-11 10:36:52 +01:00
1d84b46681
Fix vertical height causing sublists to wrap
2020-06-10 15:22:17 -06:00
6c31bf1a61
Fix layout when resizing the list width
2020-06-10 15:15:58 -06:00
be366bdd7f
Fix various layout concerns with the new room list
...
It had ~32px of overflow causing a horizontal scrollbar. Turns out the layout engine gets confused when hidden elements are at the end of a flexbox, so we just move them higher in the DOM (where they logically still make sense).
The remaining changes are all alignment and misc changes in that respect, and probably not obvious.
2020-06-10 15:05:17 -06:00
11d85f167b
Fix read-receipt alignment
2020-06-10 15:21:36 +01:00
72bb89d4ee
Merge pull request #4743 from matrix-org/travis/room-list/tile-menu
...
Add a context menu to rooms in the new room list
2020-06-10 07:46:09 -06:00
58db992382
Add 10px to comment
2020-06-10 07:45:52 -06:00
a3391d9a08
Merge branch 'develop' into travis/room-list/hover-state
2020-06-10 07:42:41 -06:00
78e1db9d30
Merge pull request #4741 from matrix-org/travis/room-list/resize-handle
...
Update resize handle for new designs in new room list
2020-06-10 07:40:34 -06:00
175fc0e2a1
Appease the style linter
2020-06-09 23:13:57 -06:00
0755b4c148
Add a context menu to rooms in the new room list
...
The tag options are not implemented out of concern for diff size.
This splits the context menu classes out to a new "iconized" style which is common across a number of context menus, including the UserMenu.
Some of the badge/sublist styles had to change to better accommodate the menu icon lining up.
This also contains the framework required for https://github.com/vector-im/riot-web/issues/13961
2020-06-09 23:09:15 -06:00
111394df6d
Add hover states and basic context menu to new room list
...
The 'sort by' radio buttons are blocked by https://github.com/matrix-org/matrix-react-sdk/pull/4731 as it contains the styles needed.
The 'unread rooms' checkbox is intentionally not hooked up. This is a more complicated refactoring that needs to be done.
The message preview checkbox works, though the previews remain hardcoded in this change. The primary intent of this change is to have a good enough context menu and the hover states.
The hover states are as described in the design.
2020-06-09 21:12:49 -06:00
5f8b7187cf
Update resize handle for new designs
...
The diff should have information on what this does and how it is supposed to work.
2020-06-09 19:48:31 -06:00
b84af372b9
Bump animation time for breadcrumbs up to 640ms
...
This matches the design, unlike the 300ms which was too fast.
2020-06-09 15:35:07 -06:00
1467191a5d
Update the CSS transition for breadcrumbs
...
The actual transition length might need adjusting, but this is fairly close to what was requested.
2020-06-09 15:06:54 -06:00
9377fa513f
Merge branch 'develop' into travis/room-list/breadcrumbs
2020-06-09 08:11:08 -06:00
04566e12b2
Fix indentation in styles
2020-06-08 17:14:40 -06:00
0354bf9b6d
Reimplement breadcrumbs for new room list
...
This all-new component handles breadcrumbs a bit more smoothly for the app by always listening to changes even if the component isn't present. This allows the breadcrumbs to remain up to date for when the user re-enables breadcrumbs.
The new behaviour is that we turn breadcrumbs on once the user has a room, and we don't turn it back off for them.
This also introduces a new animation which is more stable and not laggy, though instead of sliding the breadcrumbs pop. This might be undesirable - to be reviewed.
2020-06-08 17:11:58 -06:00
086b9101fa
Add sublist badge counts to new room list
...
Also add IDLE state to rooms
2020-06-08 13:42:18 -06:00
829bf3c774
Add another TODO comment
2020-06-05 14:11:04 -06:00
1d8833e9f8
Selected state, cleanup, and profile display
2020-06-05 14:08:20 -06:00
ea6b0a60ab
Merge branch 'develop' into travis/room-list/css-layout
2020-06-05 13:19:00 -06:00
ee3d2c51d8
Merge pull request #4697 from matrix-org/travis/room-list/scrolling-resize
...
New room list scrolling and resizing
2020-06-05 13:17:59 -06:00
475ba61671
Give the show more button some real CSS
...
This is still somewhat placeholder.
2020-06-05 08:48:23 -06:00
b31a8d494b
Merge branch 'travis/room-list/scrolling-resize' into travis/room-list/css-layout
2020-06-05 08:39:19 -06:00
Michael Telatynski