Commit Graph

324 Commits (da34e6241dd521a41354e10db8e1bf10810c97f8)

Author SHA1 Message Date
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
Bruno Windels aed85a2183 fix style lint 2020-03-26 11:17:35 +01:00
Bruno Windels 2186023e43 css adjustments because mx_AutoHideScrollBar_offset was removed 2020-03-26 11:17:35 +01:00
Bruno Windels 0436507574 use transparent scrollbars on not hover to emulate scrolbar on hover
allows us to get rid of the margin-right hack as well
2020-03-26 11:17:35 +01:00
Michael Telatynski bea6787201 Fix left left panel betterer
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-19 11:39:00 +00:00
Michael Telatynski b675523449 Fix custom tags causing left panel to over-expand
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-19 10:45:08 +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 ef79492f2c
Merge pull request #4209 from matrix-org/t3chguy/redesign/room_directory
Room Directory Explore Servers redesign
2020-03-18 11:51:42 +00:00
Michael Telatynski 638629c2fa fix MyGroups scrollbar
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-17 13:28:07 +00:00
Michael Telatynski 8fd3b96b72 fix styling/heights
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-17 11:53:19 +00:00
Michael Telatynski 44b0aa2d88 Remove remainders of gemini-scrollbar and react-gemini-scrollbar
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-17 10:31:45 +00:00
Michael Telatynski 8dfc15a328 Migrate TagPanel away from Gemini
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-17 10:23:12 +00:00
Michael Telatynski 43f0013dda Migrate GroupView away from Gemini
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-17 10:09:47 +00:00
David Baker 6c4b572c7e Wait for verification request on login
Basically just changes to the designed screen to wait for an incoming
verification request in order to verify the device & cross-sign it.

Fixes https://github.com/vector-im/riot-web/issues/11215
Fixes https://github.com/vector-im/riot-web/issues/11217
2020-03-16 17:47:56 +00:00
Michael Telatynski 30d971b819 migrate MyGroups away from Gemini
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 23:36:52 +00:00
Michael Telatynski 9237cf9566 update font sizes
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 14:19:38 +00:00
Michael Telatynski 642dd08ca2 remove erroneous margin
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 00:16:11 +00:00
Michael Telatynski 86e53ea2c3 Initial attempt to redesign explore servers in room directory
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 00:02:50 +00:00
Michael Telatynski 5c582037ce Tweak padding to match Figma
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-10 23:11:48 +00:00
Bruno Windels c50bd8d30e
Merge pull request #4007 from hellcp/patch-1
Add a class for styling room directory permissions
2020-02-04 16:30:10 +00:00
David Baker 29024c5172 Truncate SAS emoji labels to fit
This keeps the layout of the emoji fixed as much as possible.

Other changes:
 * Fix width of each emoji container to static 52px
 * Bump minimum width of right panel from 250px to 264px to match the
   width in the figma
 * Use normal font-weight for labels as per design
 * Smaller vertical gap between emojis, again to match design
2020-01-31 15:28:58 +00:00
Stasiek Michalski bf9f473ed9 Add a class for styling room directory permissions
Fixes vector-im/riot-web#11174
2020-01-31 00:09:08 +01:00
J. Ryan Stinnett f12fe984e5 Change new session toast to unverified
This also changes text to show the device ID and name in the toast.

Fixes https://github.com/vector-im/riot-web/issues/11916
2020-01-29 15:00:04 +00:00
J. Ryan Stinnett 89f110f60a Add separate component for post-auth security flows
Instead of twisting `AuthBody`, this adds a new component for the different
styling of post-auth security flows. This also makes them fixed width and
adjusts padding to match designs.
2020-01-27 22:28:07 +00:00
Michael Telatynski 33b5d42c06 Be consistent about our settings svg, free the other one 2020-01-22 15:34:17 +00:00
J. Ryan Stinnett 790d2c1472 Fix toast icon to prevent clipping
This fixes the bottom and right edges of the toast icon, which were getting
clipped away.

Fixes https://github.com/vector-im/riot-web/issues/11915
2020-01-21 15:30:03 +00:00
David Baker 9e43abaf3a Toasts for new, unverified sessions
Fixes https://github.com/vector-im/riot-web/issues/11218
2020-01-17 11:43:35 +00:00
J. Ryan Stinnett 27ee90cad5 Add post-login complete security flow
This adds a step after login to complete security for your new session. At the
moment, the only verification method is entering your SSSS passphrase, but nicer
paths will be added soon.

This new step only appears when crypto is available and the account has
cross-signing enabled in SSSS.

Fixes https://github.com/vector-im/riot-web/issues/11214
2020-01-15 21:53:36 +00:00
Michael Telatynski 84eb72b0e0 fix alignment 2019-12-23 11:38:52 +00:00
Michael Telatynski afcbb218fa match padding on CustomRoomTagPanel and fix colour of Communities btn 2019-12-23 11:31:30 +00:00
Michael Telatynski d9ea9b4ad3 Iterate to match design on Zeplin 2019-12-19 20:53:34 +00:00
Michael Telatynski b2249d0561 Initial rejig 2019-12-19 20:09:05 +00:00
Michael Telatynski 1c31fd3413 Apply new design to highlighted tags and add toggle mechanic 2019-12-19 16:54:30 +00:00
David Baker a2e3f64963 Change read markers to use CSS transitions
Removes one of the two places we use Velocity, so we're one step
closer to getting rid of it for good.

Should therefore fix the fact that Velocity is leaking data entries
and therefore <hr> elements.

Hopefully also makes the logic in getEventTiles incrementally simpler,
if still somwewhat byzantine.
2019-11-26 19:06:02 +00:00
Bruno Windels 8ce1ed4726 moar lint 2019-11-22 16:36:22 +01:00
Bruno Windels 309633181d use FormButton in verification request tile too and dedupe styles 2019-11-22 16:32:50 +01:00
Bruno Windels e86d2b616e add ToastContainer 2019-11-22 16:04:51 +01:00
J. Ryan Stinnett 2a5dc9bfac Remove lint comments about no-descending-specificity
We have disabled the `no-descending-specificity` stylelint rule, so we no longer
need these block comments.
2019-11-08 16:35:42 +00:00
Michael Telatynski c00974d22d Now that part of spacing is padding, make it smaller when collapsed
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-11-07 10:16:57 +00:00
David Baker d14c0c342d
Merge pull request #3594 from matrix-org/bwindels/fixfilenotifpanel
Fix: file and notifications panel back-paginating forever.
2019-11-06 10:52:15 +00:00
Bruno Windels eb4220a836 scroll panels should be in flex container so they don't grow w/ content 2019-11-06 10:34:22 +01:00
Michael Telatynski 99c8a909b3 Fix focus-within on EventTile and more showing onClick 2019-11-04 16:47:20 +00:00
Michael Telatynski 10a63ada48 Fix SVG mask-image usage in a bunch of places for correct outlining 2019-11-01 14:46:30 +00:00
Michael Telatynski ebc5628782 fix typo
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-22 11:30:47 +01:00
Michael Telatynski 2a3655e9b8 Focus highlight room sublist label, catch right arrow and simplify code
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-22 11:10:25 +01:00
Michael Telatynski f09a3b4281 Fix outline on RoomSubList badges
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-17 16:21:33 +01:00
Bruno Windels 15b7a5af31 fix contrast issue
when badges with and without highlighted state have a very
different brightness (as they might do in dark mode), hardcoding
the fg color of a badge independent of it's highlighted state
to $accent-fg-color doesn't work well, so add an extra SASS
variable we can reassign to something more specific in the custom theme
2019-10-01 16:58:14 +02:00
David Baker 6f3f0f0a3c
Merge pull request #3430 from matrix-org/bwindels/roomdirectorybuttonwrap
Dont wrap text in room directory buttons
2019-09-12 16:56:45 +01:00
Bruno Windels 2bed264b0d dont wrap text in room directory buttons 2019-09-12 15:59:15 +02:00
Bruno Windels 95060d4e95 reduce vertical padding around explore/filter 2019-09-12 11:27:20 +02:00