Travis Ralston
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
Jorik Schellekens
11d85f167b
Fix read-receipt alignment
2020-06-10 15:21:36 +01:00
Travis Ralston
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
Travis Ralston
58db992382
Add 10px to comment
2020-06-10 07:45:52 -06:00
Travis Ralston
a3391d9a08
Merge branch 'develop' into travis/room-list/hover-state
2020-06-10 07:42:41 -06:00
Travis Ralston
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
Travis Ralston
175fc0e2a1
Appease the style linter
2020-06-09 23:13:57 -06:00
Travis Ralston
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
Travis Ralston
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
Travis Ralston
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
Travis Ralston
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
Travis Ralston
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
Travis Ralston
9377fa513f
Merge branch 'develop' into travis/room-list/breadcrumbs
2020-06-09 08:11:08 -06:00
Travis Ralston
04566e12b2
Fix indentation in styles
2020-06-08 17:14:40 -06:00
Travis Ralston
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
Travis Ralston
086b9101fa
Add sublist badge counts to new room list
...
Also add IDLE state to rooms
2020-06-08 13:42:18 -06:00
Travis Ralston
829bf3c774
Add another TODO comment
2020-06-05 14:11:04 -06:00
Travis Ralston
1d8833e9f8
Selected state, cleanup, and profile display
2020-06-05 14:08:20 -06:00
Travis Ralston
ea6b0a60ab
Merge branch 'develop' into travis/room-list/css-layout
2020-06-05 13:19:00 -06:00
Travis Ralston
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
Travis Ralston
475ba61671
Give the show more button some real CSS
...
This is still somewhat placeholder.
2020-06-05 08:48:23 -06:00
Travis Ralston
b31a8d494b
Merge branch 'travis/room-list/scrolling-resize' into travis/room-list/css-layout
2020-06-05 08:39:19 -06:00
Michael Telatynski
f4f23dba04
Fix compact layout regression
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-05 10:53:00 +01:00
Travis Ralston
e90e70bd77
Misc cleanup
2020-06-04 21:43:33 -06:00
Travis Ralston
f347019cf8
Remove obviously questionable color choices
2020-06-04 21:37:10 -06:00
Travis Ralston
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
Travis Ralston
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
Travis Ralston
2fe56276f2
css for vis
2020-06-04 10:07:41 -06:00
Travis Ralston
dbf996439b
Wedge t3chguy's resizer prototype into the sublist
2020-06-03 21:17:51 -06:00
Travis Ralston
c07b5ebe9a
Initial experiments with resizing of room lists
2020-06-03 21:17:18 -06:00
Michael Telatynski
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
Michael Telatynski
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
Travis Ralston
613b994f9d
Revert "Prevent PersistedElements overflowing scrolled areas"
2020-06-02 00:21:31 -06:00
Jorik Schellekens
85978426c9
Fix selectors
2020-06-01 16:45:19 +01:00
Jorik Schellekens
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
Jorik Schellekens
b48818bb46
Increase specificity of compact layout selectors
2020-06-01 15:23:34 +01:00
Michael Telatynski
f40cfe4a3b
Implement new design with new iconography
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-29 15:00:27 +01:00
Michael Telatynski
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
Jorik Schellekens
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
Jorik Schellekens
5c3208d942
Merge pull request #4649 from JorikSchellekens/joriks/fix-sublist-sizing-regression
...
Fix sublist sizing regression
2020-05-27 17:04:49 +01:00
Jorik Schellekens
73213422a9
fix encryption icon missalignment
2020-05-26 18:15:06 +01:00
Jorik Schellekens
792859b939
Fix lines overflowing room list width
2020-05-26 17:39:39 +01:00
Jorik Schellekens
d8836f0f4b
Fir sublist sizing regression
2020-05-26 17:09:42 +01:00
David Baker
ef4d0a8051
Make linter happy
2020-05-22 10:33:19 +01:00
Travis Ralston
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
Jorik Schellekens
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
Travis Ralston
b96c1ada8a
Merge pull request #4494 from pv/auxpanel-scrolling-persisted
...
Prevent PersistedElements overflowing scrolled areas
2020-05-19 15:28:58 -06:00
Jorik Schellekens
2e325191bc
Merge remote-tracking branch 'nv/develop' into joriks/irc-ui
2020-05-19 17:18:36 +01:00
Jorik Schellekens
5380e76b7b
lint
2020-05-18 16:43:47 +01:00
Jorik Schellekens
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
Jorik Schellekens
fc6e5227ac
FIx roomsublist heights.
...
- also fiddles the font size numbers
2020-05-13 22:24:22 +01:00
Jorik Schellekens
5c2abcf1a4
Show username on continuations
2020-05-13 17:05:37 +01:00
Jorik Schellekens
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
Jorik Schellekens
5029c3f143
Implement IRC draggable display name width
2020-05-13 02:16:43 +01:00
Jorik Schellekens
fef4d882c4
lint
2020-05-08 22:35:40 +01:00
Jorik Schellekens
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
Jorik Schellekens
ac95172ed4
tighter layout
2020-05-07 14:56:45 +01:00
Jorik Schellekens
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
Jorik Schellekens
5568e6488d
Fix encryption badge layout
2020-05-07 14:04:34 +01:00
Jorik Schellekens
0af265bf93
Fix replies
2020-05-07 14:04:34 +01:00
Jorik Schellekens
027826c2e1
Replies have the same layout as messages
2020-05-07 14:04:33 +01:00
Jorik Schellekens
67249e1e9c
Fix hover
2020-05-07 14:04:33 +01:00
Jorik Schellekens
6c3e3161de
Reduce padding
2020-05-07 14:04:33 +01:00
Jorik Schellekens
10c8d253c8
Create irc layout
2020-05-07 14:04:33 +01:00
Jorik Schellekens
c1e740a596
Break out group layout settings
2020-05-07 14:04:33 +01:00
Michael Telatynski
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
Michael Telatynski
c00b070269
Fix reply RR spacing getting doubled
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-03 13:28:16 +01:00
Bruno Windels
d723aa9efe
Merge pull request #4508 from matrix-org/bwindels/moarthemingfixes
...
Small custom theming fixes
2020-04-28 15:25:53 +00:00
Bruno Windels
198edb06b9
use normal accessible button, which is themed
2020-04-28 16:35:20 +02:00
Jorik Schellekens
cf05beb4b8
Merge pull request #4355 from JorikSchellekens/joriks/font-scaling-fixes
...
Fix scaling issues
2020-04-28 13:47:50 +01:00
Michael Telatynski
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
Michael Telatynski
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
Jorik Schellekens
aac90e4eb1
Room memebers avatars scale
2020-04-27 11:51:55 +01:00
Jorik Schellekens
b921159da8
Fix room header vertical alignment
2020-04-27 11:51:54 +01:00
Jorik Schellekens
5113723154
Fix avatar alignment for room state events
2020-04-27 11:51:54 +01:00
Jorik Schellekens
e03442048c
Scale read receipt images
2020-04-27 11:51:54 +01:00
Jorik Schellekens
334f529c26
Scale room tile heights.
2020-04-27 11:51:54 +01:00
Jorik Schellekens
e2aef3a62b
Fix pills.
...
This was a hard pill to swallow
2020-04-27 11:51:54 +01:00
Jorik Schellekens
92005b15d8
Fix event tiles to smoothly resize with font.
2020-04-27 11:51:54 +01:00
Pauli Virtanen
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
Michael Telatynski
e16f511527
Redesign redactions
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-24 15:07:39 +01:00
Zoe
e3d784816d
Merge branch 'develop' into foldleft/better-errors
2020-04-17 14:11:05 +01:00
Michael Telatynski
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
Michael Telatynski
740b6f6cac
Composer pills respect showPillAvatar setting
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-10 09:34:38 +01:00
Michael Telatynski
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
Zoe
1395cb02ed
Fixup alignment
2020-04-06 11:44:46 +01:00
Zoe
5ef06357f6
Merge branch 'develop' into foldleft/better-errors
2020-04-06 11:36:46 +01:00
Jorik Schellekens
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
Michael Telatynski
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
Jorik Schellekens
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
Michael Telatynski
9e8a401dc8
Fix EventListSummary when RR rendering is disabled
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-31 12:29:58 +01:00
Jorik Schellekens
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
Zoe
04849f7f0d
incorporated design feedback
2020-03-26 13:47:32 +00:00
Zoe
9c392ce8bb
Merge branch 'develop' into foldleft/better-errors
2020-03-26 13:38:50 +00:00
Bruno Windels
2186023e43
css adjustments because mx_AutoHideScrollBar_offset was removed
2020-03-26 11:17:35 +01:00
Michael Telatynski
1c0c3c4695
Watch for show-RR settings changes, use room-specific and fix margins
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-20 09:29:59 +00:00
Michael Telatynski
f14257926e
RoomPreviewBar word-break the sender name too
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-19 15:24:28 +00:00
Michael Telatynski
42ee157645
Merge pull request #4217 from matrix-org/t3chguy/gemini
...
Remove Gemini Scrollbars
2020-03-18 14:03:51 +00:00
Michael Telatynski
a9f414dafe
Remove unused SearchableEntityList.js
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 23:23:23 +00:00
Bruno Windels
b83c1d04e7
wrap room name in room preview bar
2020-03-13 13:59:56 +01:00