David Baker
338b88fe43
Remove unused CSS rule
2020-06-03 09:34:45 +01:00
Travis Ralston
6d96d66c03
Split the left panel into new and old for new room list designs
...
Though we consider the "room list" to mean the RoomList component specifically, the room list is actually the entire left panel as far as the user is concerned.
The new proposed designs for the room list modify the whole left panel, so we had might as well break it into new and old now instead of later. This "new" left panel is a bare-bones implementation and meant to only provide the absolute basic feature set to function for those who enable the experimental room list, for whatever reason. This is not intended to be a final implementation, or even remotely close to what it could be. An example of this is the lack of breadcrumbs. Given they are likely to change, they are excluded from this temporary skeleton completely.
This also includes a purple/pink bar between the tag panel and left panel. This is so we can, if needed, differentiate between people who made the mistake of turning on the experimental room list while the overall aesthetic makes it indistinguishable. Once the designs are moderately approved, we can (and definitely should) remove the hideous indicator.
2020-06-02 19:26:07 -06:00
David Baker
b83ecb1781
Merge remote-tracking branch 'origin/develop' into dbkr/recovery_keys_over_passphrases
2020-06-02 18:53:54 +01:00
David Baker
5624cf5ceb
Add option to reset keys to the encryption setup screen
2020-06-02 17:55:27 +01:00
David Baker
e06ba2003b
Prompt for recovery key on login rather than passphrase
...
Only show passphrase options at all if the user has a passphrase on
their SSSS key.
2020-06-02 16:32:15 +01:00
Jorik Schellekens
419857c29c
Merge pull request #4647 from JorikSchellekens/joriks/fix-filepanel-regression
...
Fix FilePanel and NotificationsPanel regression
2020-05-31 21:17:14 +01:00
Michael Telatynski
efd0da44a1
Give contextual feedback for manual update check instead of banner
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-29 18:24:45 +01:00
Jorik Schellekens
fcbd197e7d
Fix file list regression
2020-05-26 15:56:16 +01:00
Michael Telatynski
c00fd326c5
Merge pull request #4613 from matrix-org/t3chguy/toasts1
...
Improve style of toasts to match Figma
2020-05-26 11:59:58 +01:00
Michael Telatynski
1dfd62c142
iterate alignment
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-21 17:47:35 +01:00
Michael Telatynski
6a0ffe905f
Iterate text alignment
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-21 17:12:16 +01:00
Michael Telatynski
5995a27ced
Iterate paddings
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-21 16:52:36 +01:00
Michael Telatynski
7e7c48e046
Improve style of toasts to match Figma
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-21 16:32:19 +01:00
Jorik Schellekens
03e090f4e6
fix chevron
2020-05-13 22:55:14 +01:00
Jorik Schellekens
fc6e5227ac
FIx roomsublist heights.
...
- also fiddles the font size numbers
2020-05-13 22:24:22 +01:00
Jorik Schellekens
33a5b5142d
Merge branch 'develop' of https://github.com/matrix-org/matrix-react-sdk into joriks/font-scaling-slider
2020-05-07 18:01:20 +01:00
David Baker
34d6eb591f
Put overflows back
2020-04-29 17:38:32 +01:00
David Baker
13d0e26ec4
Reduce maximum width of toasts & allow multiple lines
2020-04-29 17:28:45 +01:00
Jorik Schellekens
41fd9ee015
FIx unread count
2020-04-27 11:51:56 +01:00
Jorik Schellekens
352ae555f8
Fix community line height
2020-04-27 11:51:55 +01:00
Jorik Schellekens
969f0e9e0d
Commuity seleciton bar vertical alignment scale fix
2020-04-27 11:51:55 +01:00
Jorik Schellekens
9a585fee0a
Move slider themes
2020-04-23 10:45:48 +01:00
Jorik Schellekens
abd94a65bd
Move compoenets/FontSlider to views/Slider
2020-04-23 10:45:47 +01:00
Jorik Schellekens
dd841fcde9
Remove references to font
2020-04-23 10:45:47 +01:00
Jorik Schellekens
787e408016
Explain origin of magic number
...
Co-Authored-By: Travis Ralston <travpc@gmail.com>
2020-04-23 10:45:47 +01:00
Jorik Schellekens
af3858fa98
Style linting
2020-04-23 10:45:47 +01:00
Jorik Schellekens
df73f12320
Make a font slider
2020-04-23 10:45:47 +01:00
Jorik Schellekens
7a0caafb77
FIx unread count
2020-04-23 10:45:47 +01:00
Jorik Schellekens
c2a2908746
Fix community line height
2020-04-23 10:45:47 +01:00
Jorik Schellekens
e49c041df7
Commuity seleciton bar vertical alignment scale fix
2020-04-23 10:45:47 +01:00
Michael Telatynski
80b8120bc3
Update login security copy and design to match Figma
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-22 22:32:02 +01:00
Michael Telatynski
ac26719b69
disable password reset button when spinning
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-15 14:07:37 +01:00
Bruno Windels
db09cadb66
remove spinner, change copy, add button placeholder
2020-04-14 17:19:15 +02:00
Michael Telatynski
3e4e7953ed
word-break: break-word;
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-07 13:40:25 +01:00
Michael Telatynski
b5e6f8b8c1
Iterate PR
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-07 13:34:10 +01:00
Michael Telatynski
faab35738f
Add new default home page fallback
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-07 10:48:56 +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
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
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
Travis Ralston
b5688ac2b6
Merge pull request #4254 from ThobyV/fix-css/_TagPanel.scss/mx_TagTile_context_button
...
Fix view community link icon contrast
2020-03-30 11:20:49 -06:00
Bruno Windels
eff9db4273
bring back global style rules for thin scrollbars (also FF now!)
2020-03-30 12:41:05 +02: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
thobyv-kismat
d0afd65652
fix view community link icon contrast
...
Signed-off-by: thobyv-kismat <vivee18@gmail.com>
2020-03-21 10:12:55 +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
Bruno Windels
4ae4e68967
make explore button and filter field equal width
2019-09-12 11:11:32 +02:00
Bruno Windels
24c4a16da1
adapt design of room list in directory
2019-09-11 16:23:59 +02:00
Bruno Windels
6f62cdb22c
basic styling to make it look ok before applying new design
2019-09-11 15:45:51 +02:00
Bruno Windels
fdadc615f7
make explore button white on hover
2019-09-10 11:11:08 +02:00
Bruno Windels
1c4093eb0f
make filter feed transparent when not focussed
2019-09-10 11:11:08 +02:00
Bruno Windels
da98080859
hide explore button when focusing filter field
2019-09-10 10:57:25 +02:00
Bruno Windels
80dd5a1b0a
add explore button next to filter field
2019-09-10 10:55:55 +02:00
Anton Zuenko
a3eb45e0b9
Fix waste of space of collapsed left panel
...
Signed-off-by: Anton Zuenko <anton@zuenko.ru>
2019-08-05 18:03:20 +02:00
J. Ryan Stinnett
7fc1288614
Fix login type selector border
...
This fixes a regression in the login type selector's border and placement.
Fixes https://github.com/vector-im/riot-web/issues/10223
2019-07-02 15:09:51 +01:00