Commit Graph

544 Commits (326f336425717ed0cb5e616752a2760abfdfd507)

Author SHA1 Message Date
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
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