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
Travis Ralston
f33c930c41
Revert "Merge pull request #3892 from krkc/move-read-receipts-to-bottom"
...
This reverts commit 191abb5b0d
.
2020-03-10 11:28:52 -06:00
J. Ryan Stinnett
c541bc0705
Fix mark as read button for dark theme
...
This changes the mark as read button to a mask image so that it can be themed
like other images.
Fixes https://github.com/vector-im/riot-web/issues/12640
2020-03-09 17:34:17 +00:00
Travis Ralston
1975a8e082
Merge branch 'develop' into move-read-receipts-to-bottom
2020-03-05 17:13:24 -07:00
Mark Striemer
07348a65ad
Include a mark as read X under the scroll to unread button
2020-03-02 13:59:14 -06:00
Zoe
0d03a8791d
style lint
2020-02-25 10:20:42 +00:00
Zoe
3302469a2b
Catch errors sooner so users can recover more easily
2020-02-24 18:04:11 +00:00
Travis Ralston
d2e7cc7f19
Merge branch 'develop' into feature/padLockInviteOnly
2020-02-24 09:50:06 -07:00
rtestard
650f412acb
I have added a new line at the end of the scss file
2020-02-19 10:15:58 +01:00
J. Ryan Stinnett
b46af07752
Merge pull request #4051 from TestardR/feature/WhoIsTyping
...
Fix uncentered letter inside avatar for currently typing users
2020-02-12 15:36:02 +00:00
unknown
078401c58f
I have reverted and used the styling a bit higher in the DOM
2020-02-11 20:06:07 +01:00
unknown
3da630beb8
I have removed problematic ligns
2020-02-10 21:38:31 +01:00
unknown
06ba55e1a1
I have made changes according to turt2live recommandations, mainly css indentation and variable definition
2020-02-09 15:05:08 +01:00
J. Ryan Stinnett
b522d78533
Let pointer events fall through to scroll button
...
This makes it easier to click the entire visible area of the scroll button,
including the green circle at the top.
2020-02-05 12:43:50 +00:00
rtestard
153703426a
I have removed the newline at the end of file to pass tests
2020-02-04 16:02:49 +01:00
rtestard
f023bcfd63
I have modified padlocks styling when the left panel is collapsed
2020-02-04 15:05:26 +01:00
David Baker
2dbceca8b3
Fix size of invite only icon
...
So it doesn't become tiny with long room names
Fixes https://github.com/vector-im/riot-web/issues/12168
2020-01-31 13:46:42 +00:00
J. Ryan Stinnett
31476737ea
Enforce a max width on power labels
2020-01-31 10:11:34 +00:00
J. Ryan Stinnett
3ef7e5113b
Move power label to right of name
...
The power label is shown to the right of the name, but hidden on hover.
Part of https://github.com/vector-im/riot-web/issues/11940
2020-01-30 22:09:57 +00:00
J. Ryan Stinnett
5933bd15b1
Remove strange size change on member hover
...
Unclear why this is here, but removing as it feels quite glitchy, esp on
matrix.org where there's no second line to print.
2020-01-30 21:46:49 +00:00
J. Ryan Stinnett
57c4293fc6
Add verification status icons to room members
...
This displays verification status on each room member tile using the same shield
logic as elsewhere.
Part of https://github.com/vector-im/riot-web/issues/11940
2020-01-30 21:38:40 +00:00
J. Ryan Stinnett
bae35c0859
Change power icon to label instead
2020-01-30 16:40:25 +00:00
J. Ryan Stinnett
6d47f9620f
Adjust icons with in person with design
2020-01-29 14:28:19 +00:00
Markus Stange
9821e25e0b
Tweak styling of unread indicator circle.
...
This makes the element symmetric and reduces the size of the hit target.
With the previous styling, the mid-circle glyph was sometimes offset from the center.
Furthermore, the large font size increased the hit box of the ::after element, eating into the scroll up arrow button's hit target.
It might be a good idea to give the ::after element pointer-events:none so that the scroll up button is clickable in its entirety.
Signed-off-by: Markus Stange <mstange@themasta.com>
2020-01-28 15:35:34 +01:00
David Baker
098d097922
Re-enable stylelint on CI
2020-01-24 14:03:31 +00:00
Zoe
131aacd3ab
Merge pull request #3929 from matrix-org/zip/11840-tooltips-on-padlocks
...
Seperates out the padlock icon, and adds a tooltip
2020-01-24 13:26:59 +00:00