09a4af49f3
Consolidate zxcvbn progress bars into a component and add dynamic colour
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-14 18:49:55 +01:00
346b2e8588
Login block on initialSync with spinners
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-15 12:21:49 +01:00
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
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
ffa75ef48c
Wire up all the dialog parts for SSO, using device deletion as a POC
2020-03-30 20:03:46 -06:00
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
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
3d7137d4ad
Setup flow for cross-signing on login / registration
...
Still outstanding:
* Keep password from login / registration
* Confirmation on skip button
Fixes https://github.com/vector-im/riot-web/issues/11902
2020-01-24 19:11:57 +00:00
5319ee4572
Remove riot logo from the security setup screens
...
With a little faff to make the rounded borders consistent again
2020-01-23 18:14:08 +00:00
166fb696c2
Allow connecting to an IS from address picker
...
This allows those who previously disconnected from an IS to either choose the
default IS or a custom one from Settings via the address picker dialog.
Part of https://github.com/vector-im/riot-web/issues/10619
2019-08-29 15:28:34 +01:00
72ec6c7062
Reveal custom IS field only when required
...
This hides the identity server at first from the custom server auth flows. For
the flows that may need an IS if the HS requires it (registration, password
reset), we then check with the HS before proceeding further and reveal the IS
field if it is in fact needed.
Fixes https://github.com/vector-im/riot-web/issues/10553
2019-08-23 18:43:55 +01:00
5ab958cc9f
Fix field styling regression
...
The extra comma in the selectors caused this rule set to be ignored.
Regressed by https://github.com/matrix-org/matrix-react-sdk/pull/3200
Fixes https://github.com/vector-im/riot-web/issues/10311
2019-07-11 13:14:20 +01:00
38d6953bf6
Manually fix remaining stylelint issues
2019-07-10 16:56:40 +01:00
d20b765e27
rename $accent-color-50pct to $accent-color-darker
...
we'll use $accent-color-50pct for 50% transparent accent color
2019-06-26 14:34:26 +02:00
fbe8d1c89b
Switch DeactivateAccountDialog to Field and cleanups
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-06-16 10:42:46 +01:00
3563b83762
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into t3chguy/authentication_password_field
2019-06-16 10:31:30 +01:00
1090b7d912
Use flex: 1 for mx_Field to replace all the calc(100% - 20px) and more
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-06-13 23:48:47 +01:00
bd0e676b46
Switch ugly password boxes to Field or styled input
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-06-06 09:16:28 +01:00
636cb8a5cc
Have ServerConfig and co. do validation of the config in-house
...
This also causes the components to produce a ValidatedServerConfig for use by other components.
2019-05-03 11:32:59 -06:00
0b42ded007
Style complexity progress bars more heavily
...
This disables the native progress appearance and uses the green color from our
themes.
2019-04-25 14:29:10 +01:00
67d7091dcd
Password score progress should be full width in tooltip
2019-04-25 14:29:10 +01:00
1cefa44319
Redesign country dropdown to fit redesign
...
This tweaks colors of the country dropdown to blend in better with the rest of
the design.
Fixes https://github.com/vector-im/riot-web/issues/9048
2019-03-08 10:03:50 +00:00
4a1b723ab5
Fix dropdown arrow on select field for auth flows
2019-03-07 14:57:58 +00:00
6441b2ed98
Ensure country dropdown uses light styling on auth
...
If the dark theme is activated, the country dropdown defaults to those colors
where it doesn't fit in with the always-light auth flow. This restyles its
colors to be light.
2019-03-06 16:45:54 +00:00
8beab58918
Use more nesting for auth body style overrides
...
No styles are changed here. This just groups them under one parent block to
avoid repeating `.mx_AuthBody`.
2019-03-06 16:37:16 +00:00
9d36ef0808
Fix background color of phone field label on dark theme
...
This adds extra styles to reset the field label background color on registration
even if dark theme is used.
2019-03-06 16:28:09 +00:00
dde36459e6
Simplify field row / field styles
2019-03-06 11:11:24 +00:00
bfe120fbf4
Convert registration to Field component
...
This converts most fields in the registration form to use the Field component,
except for the phone number, which is a left as a separate task because of the
country dropdown menu.
2019-03-05 15:25:42 +00:00
404c60fb0e
Keep registration spinner inside the auth modal
...
The spinner was taking on the full height of the modal and escaping off the
page. This keeps it contained inside the modal.
Fixes https://github.com/vector-im/riot-web/issues/8661
2019-02-27 11:21:39 +00:00
8e32798f45
Ensure fields with errors are clearly visible
...
Until we have better validation, let's at least ensure fields with errors are
properly marked via color.
2019-02-21 14:44:39 +00:00
93324896f3
Force authpage to act like light theme
2019-02-13 14:24:03 +00:00
7238c713d7
Add language selector to bottom of welcome
2019-02-08 11:39:30 +00:00
84ba22f7d6
Give auth language dropdown more space
2019-02-01 16:15:11 -06:00
0b14855c4f
Add footer gradient
2019-02-01 12:50:22 -06:00
6dfc9b4f79
Change footer to padding
2019-02-01 12:48:26 -06:00
bcac332d31
Remove unneeded backdrop on auth pages
2019-02-01 12:46:17 -06:00
2f006939f2
Use mx_AuthBody prefix for consistency
2019-01-31 10:06:35 -06:00
b093119d30
Move dropdown arrow to primary element
2019-01-30 16:39:08 -06:00
01d28bc137
Squeeze country dropdowns to match design
2019-01-29 17:38:28 -06:00
16b4f8fb6d
Use new arrow for all dropdowns
2019-01-29 17:38:28 -06:00
92394ba601
Change country dropdown to be smaller with arrow on right
2019-01-29 17:38:28 -06:00
daee5f0325
Reorganize registration inputs
2019-01-29 17:38:28 -06:00
049ad40061
Tweak auth overflow on Windows and Linux
2019-01-29 10:19:16 -06:00
34e2979f98
Add Modular server config screen
2019-01-28 17:32:56 -06:00
d96e814a92
Add link to edit server details
2019-01-28 16:13:19 -06:00
abe6fd2f60
Rework `ServerConfig` to approach design
...
The public server search box is left out for now, so this restyles the existing
custom server inputs to more closely approximate the design.
2019-01-28 08:52:20 -06:00
7934a2950c
Add 'Your account' header
2019-01-28 08:52:20 -06:00
0bee324e48
Add server type selector component
2019-01-28 08:52:20 -06:00
41c79a93c0
Merge pull request #2489 from jryans/auth-text-and-links
...
Update text and links in authentication flows
2019-01-23 18:40:55 -06:00
9f5f552be1
Move LanguageSelector to views
...
It's too simple to be called a structure.
2019-01-23 16:14:03 -06:00
Michael Telatynski