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
f4f23dba04
Fix compact layout regression
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-05 10:53:00 +01:00
e90e70bd77
Misc cleanup
2020-06-04 21:43:33 -06:00
f347019cf8
Remove obviously questionable color choices
2020-06-04 21:37:10 -06:00
0c15b2bdb6
Simple structuring of the room list itself
...
This covers the larger parts of the design, but doesn't deal with the nuances of hover states, badge sizing, etc.
2020-06-04 21:21:04 -06:00
4c1bc50649
Initial styling for new room list
...
This is a work in progress, but covers the coarse areas. This uses all-new classes to better describe what everything is, and to reduce the number of selectors we keep track of.
This is primarily layout for the list and not actually the final structure. For example, some buttons are missing and other areas are not styled correctly - the idea in this commit was to get things roughly in the right place and work on it.
2020-06-04 16:41:18 -06:00
2fe56276f2
css for vis
2020-06-04 10:07:41 -06:00
dbf996439b
Wedge t3chguy's resizer prototype into the sublist
2020-06-03 21:17:51 -06:00
c07b5ebe9a
Initial experiments with resizing of room lists
2020-06-03 21:17:18 -06:00
936445ab2d
Merge pull request #4660 from matrix-org/t3chguy/kill_UDE_and_UDD
...
Remove legacy codepaths for Unknown Device Error (UDE/UDD) handling
2020-06-03 10:45:47 +01:00
3fbfb62bc9
Merge branches 'develop' and 't3chguy/emoji_picker_composer' of github.com:matrix-org/matrix-react-sdk into t3chguy/emoji_picker_composer
2020-06-02 14:00:37 +01:00
613b994f9d
Revert "Prevent PersistedElements overflowing scrolled areas"
2020-06-02 00:21:31 -06:00
85978426c9
Fix selectors
2020-06-01 16:45:19 +01:00
03c6813425
Update res/css/views/rooms/_GroupLayout.scss
...
Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>
2020-06-01 16:00:11 +01:00
b48818bb46
Increase specificity of compact layout selectors
2020-06-01 15:23:34 +01:00
f40cfe4a3b
Implement new design with new iconography
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-29 15:00:27 +01:00
8aaa7825ef
Also kill off things that these kept behind
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-28 17:12:19 +01:00
46134f5368
Merge pull request #4651 from JorikSchellekens/joriks/fix-encryption-icons-irc
...
Fix encryption icon miss-alignment
2020-05-27 17:05:32 +01:00
5c3208d942
Merge pull request #4649 from JorikSchellekens/joriks/fix-sublist-sizing-regression
...
Fix sublist sizing regression
2020-05-27 17:04:49 +01:00
73213422a9
fix encryption icon missalignment
2020-05-26 18:15:06 +01:00
792859b939
Fix lines overflowing room list width
2020-05-26 17:39:39 +01:00
d8836f0f4b
Fir sublist sizing regression
2020-05-26 17:09:42 +01:00
ef4d0a8051
Make linter happy
2020-05-22 10:33:19 +01:00
a425c5440b
Fix visibility of message timestamps
...
Fixes https://github.com/vector-im/riot-web/issues/13736
This also fixes an unreported but complained about issue regarding the 'always show timestamps' option not working.
Looks like this regressed in https://github.com/matrix-org/matrix-react-sdk/pull/4531 when things got shuffled around.
2020-05-21 16:34:23 -06:00
6d9d4ee547
Merge branch 'develop' of https://github.com/matrix-org/matrix-react-sdk into joriks/font-scaling-slider
2020-05-20 13:46:17 +01:00
b96c1ada8a
Merge pull request #4494 from pv/auxpanel-scrolling-persisted
...
Prevent PersistedElements overflowing scrolled areas
2020-05-19 15:28:58 -06:00
2e325191bc
Merge remote-tracking branch 'nv/develop' into joriks/irc-ui
2020-05-19 17:18:36 +01:00
5380e76b7b
lint
2020-05-18 16:43:47 +01:00
17f535e5f8
Fix review problems
...
- removed superfluous position and classes
- fixed compact view
- fixed event list summary avatar and text overlap
- fixed a problem where the mention list refuses to load.
2020-05-18 16:37:10 +01:00
fc6e5227ac
FIx roomsublist heights.
...
- also fiddles the font size numbers
2020-05-13 22:24:22 +01:00
5c2abcf1a4
Show username on continuations
2020-05-13 17:05:37 +01:00
3f04f5163a
Implement more nitpicks
...
- fix avatar inital aligment
- right align names
- set flair height to avatar's
- fix conditions for resizing to be more stable
2020-05-13 14:04:46 +01:00
5029c3f143
Implement IRC draggable display name width
2020-05-13 02:16:43 +01:00
fef4d882c4
lint
2020-05-08 22:35:40 +01:00
82396661cf
Implement nitpicks
...
- usernames are elipsed
- icon alignment fixed
- replies are more dense
- reply messages respond to name widths
- fixed between message padding problem (flex ftw)
2020-05-08 22:21:26 +01:00
ac95172ed4
tighter layout
2020-05-07 14:56:45 +01:00
771ae5e18f
Fix encryption badge layouts and replies.
...
Begin removing dependence on slider.
Move settings to labs.
Username disambiguation.
2020-05-07 14:04:56 +01:00
5568e6488d
Fix encryption badge layout
2020-05-07 14:04:34 +01:00
0af265bf93
Fix replies
2020-05-07 14:04:34 +01:00
027826c2e1
Replies have the same layout as messages
2020-05-07 14:04:33 +01:00
67249e1e9c
Fix hover
2020-05-07 14:04:33 +01:00
6c3e3161de
Reduce padding
2020-05-07 14:04:33 +01:00
10c8d253c8
Create irc layout
2020-05-07 14:04:33 +01:00
c1e740a596
Break out group layout settings
2020-05-07 14:04:33 +01:00
f0085a9feb
Merge branches 'develop' and 't3chguy/redaction_redesign' of github.com:matrix-org/matrix-react-sdk into t3chguy/redaction_redesign
2020-05-07 09:56:21 +01:00
c00b070269
Fix reply RR spacing getting doubled
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-03 13:28:16 +01:00
d723aa9efe
Merge pull request #4508 from matrix-org/bwindels/moarthemingfixes
...
Small custom theming fixes
2020-04-28 15:25:53 +00:00
198edb06b9
use normal accessible button, which is themed
2020-04-28 16:35:20 +02:00
cf05beb4b8
Merge pull request #4355 from JorikSchellekens/joriks/font-scaling-fixes
...
Fix scaling issues
2020-04-28 13:47:50 +01:00
9dd204dd10
Merge branches 'develop' and 't3chguy/redaction_redesign' of github.com:matrix-org/matrix-react-sdk into t3chguy/redaction_redesign
2020-04-27 23:09:08 +01:00
da7a2f2f62
only clear on continuations where the clear isn't done by SenderProfile
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-27 17:50:50 +01:00
aac90e4eb1
Room memebers avatars scale
2020-04-27 11:51:55 +01:00
b921159da8
Fix room header vertical alignment
2020-04-27 11:51:54 +01:00
5113723154
Fix avatar alignment for room state events
2020-04-27 11:51:54 +01:00
e03442048c
Scale read receipt images
2020-04-27 11:51:54 +01:00
334f529c26
Scale room tile heights.
2020-04-27 11:51:54 +01:00
e2aef3a62b
Fix pills.
...
This was a hard pill to swallow
2020-04-27 11:51:54 +01:00
92005b15d8
Fix event tiles to smoothly resize with font.
2020-04-27 11:51:54 +01:00
d690d4bed2
Prevent PersistedElements overflowing scrolled areas
...
As the DOM element is not in reality contained inside "the parent",
it may overflow the area if the parent gets partially hidden by
scrolling etc.
To make the effect visually less annoying, emulate this by clipping to
the element wrapper. This is not a full general-purpose fix, but
improves the current situation.
Signed-off-by: Pauli Virtanen <pav@iki.fi>
2020-04-25 16:09:46 +03:00
e16f511527
Redesign redactions
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-24 15:07:39 +01:00
e3d784816d
Merge branch 'develop' into foldleft/better-errors
2020-04-17 14:11:05 +01:00
cd65bdc799
Merge branches 'develop' and 't3chguy/user_online_dot' of github.com:matrix-org/matrix-react-sdk into t3chguy/user_online_dot
...
Conflicts:
src/components/views/rooms/RoomBreadcrumbs.js
src/components/views/rooms/RoomTile.js
2020-04-17 12:58:54 +01:00
740b6f6cac
Composer pills respect showPillAvatar setting
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-10 09:34:38 +01:00
60808ef6d2
apply clear:both to fix automatic margins for continuation events
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-09 13:36:53 +01:00
1395cb02ed
Fixup alignment
2020-04-06 11:44:46 +01:00
5ef06357f6
Merge branch 'develop' into foldleft/better-errors
2020-04-06 11:36:46 +01:00
3ed457ea7d
Merge pull request #4305 from JorikSchellekens/joriks/font-scaling
...
Make all 'font-size's and 'line-height's rem
2020-04-02 17:40:39 +01:00
a28aa4c0b4
Tweak user online dot in room tile, make it occupy same space and inverse behaviour of the context menu button
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-02 15:13:19 +01:00
6cf9166c4a
Use variables for the rem values.
...
It's become obvious that these random floating points everywhere
are unwieldy. Now they're all in one place with some fairly logical
variable names which will help out in design->implementation phase.
2020-03-31 15:26:23 +01:00
9e8a401dc8
Fix EventListSummary when RR rendering is disabled
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-31 12:29:58 +01:00
da34e6241d
Make all 'font-size's and 'line-height's rem
...
Font size of the whole app would ideally be controlled by a single
value. This value is currently hard coded using the :root CSS selector.
It is the intention to make this value configurable within riot. In the
interim all font-sizes have been converted to rem by the simple process
of regex. Replacing px values with their equivalent rem values assuming
a font size of 15px and then rounded to three decimal places, which was
the base at the time of this transformation.
I'm expecting another commit cleaning up rem values but I thought it
best to leave that to review.
This commit doesn't address any scaling issues. I thought it better to
land this unwieldy, mechanical, invisible change before the others
otherwise the pr would be impossible to review thoroughly.
2020-03-30 18:23:46 +01:00
Michael Telatynski