Travis Ralston
284be2653e
Override UA/OS styles for disabled Field selects
...
Fixes https://github.com/vector-im/riot-web/issues/8249
2019-01-24 19:27:20 -07:00
Travis Ralston
0f89668446
Also the font size
2019-01-24 14:42:30 -07:00
Travis Ralston
87cea5ef09
Fix sizings and margins
2019-01-24 14:41:00 -07:00
Travis Ralston
27ee6625ee
Implement the "Voice & Video" tab of new user settings
2019-01-24 13:33:22 -07:00
Travis Ralston
524d2f1e11
Force font family upon Fields
2019-01-24 11:43:03 -07:00
Travis Ralston
5479a4dac5
Implement the "Preferences" tab on new user settings
2019-01-24 10:32:29 -07:00
Travis Ralston
f1c1caac62
Implement labs tab in new user settings
2019-01-24 08:52:45 -07:00
Travis Ralston
2a9f6186d7
Merge pull request #2491 from matrix-org/travis/usettings/tab/general
...
Implement the "General" tab of new user settings
2019-01-24 08:51:11 -07:00
Travis Ralston
736aa8297d
Minor CSS adjustments
2019-01-23 18:49:27 -07:00
J. Ryan Stinnett
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
Travis Ralston
40f6aeba28
Touchups to toggles in settings
2019-01-23 16:03:56 -07:00
Travis Ralston
3f897468a6
Add a ToggleSwitch and use it for SettingsFlag
...
Also bring in the compact timeline option.
Without minor CSS changes, the old user settings are completely unusable with this change. As such, minimal effort has been put in to have it be useful. Similarly, the changes drop the use of radio groups and the old theme selector was the only one that used it. See the comments for more details on how/why this was mitigated the way it was.
2019-01-23 15:50:41 -07:00
J. Ryan Stinnett
9f5f552be1
Move LanguageSelector to views
...
It's too simple to be called a structure.
2019-01-23 16:14:03 -06:00
J. Ryan Stinnett
9b3d674a92
Rename links for changing auth flow
2019-01-23 15:50:44 -06:00
J. Ryan Stinnett
e396954a20
Update forgot password link text and style
2019-01-23 15:50:44 -06:00
J. Ryan Stinnett
2f89af4fa0
Update login header text
2019-01-23 15:50:44 -06:00
Travis Ralston
97666d39bc
Bring in theme and language options
2019-01-23 14:43:45 -07:00
Travis Ralston
d55d145223
Bring over phone number management
2019-01-23 14:16:18 -07:00
Travis Ralston
aa7afe819f
Bring over email address management
2019-01-23 09:28:53 -07:00
Travis Ralston
fa1ce61a06
Move profile settings to a dedicated component
...
The tab component is getting a bit hard to navigate
2019-01-23 09:28:53 -07:00
Travis Ralston
19de6694ca
Bring in the change password section
...
This also changes the layout slightly in the user settings, but nothing detrimental.
2019-01-23 09:28:53 -07:00
Travis Ralston
677b3ca7b5
Bring flair into the new settings
...
Makes the flair options in old settings look broken (cosmetic issues), but it's fine because we're ripping that out in due time.
2019-01-23 09:27:04 -07:00
Travis Ralston
f643d7a143
Finish the box for displayname/avatar changes
2019-01-23 09:27:04 -07:00
J. Ryan Stinnett
05254f0e82
Tweak language selector to match design
2019-01-23 10:18:06 -06:00
Travis Ralston
94b1d739fb
Merge pull request #2476 from matrix-org/travis/modal-tab-settings
...
Basic structure for tabbed user settings
2019-01-23 07:52:44 -07:00
Travis Ralston
4c12b2c911
Merge pull request #2486 from matrix-org/travis/fix-hover
...
Fix AuthFooter CSS rules conflicting with anchors all over the app
2019-01-22 21:55:18 -07:00
J. Ryan Stinnett
0f3ee9c786
Extract auth header logo to new component
...
This will allow `riot-web` to replace only the logo, rather than the whole
header.
2019-01-22 22:41:10 -06:00
Travis Ralston
7ccf64584e
Fix AuthFooter CSS rules conflicting with anchors all over the app
...
Fixes https://github.com/vector-im/riot-web/issues/8227
2019-01-22 21:35:36 -07:00
Travis Ralston
b83227c035
Merge pull request #2484 from matrix-org/travis/select-field
...
Support selects on Field
2019-01-22 20:13:06 -07:00
Travis Ralston
2b3c8c4450
Correctly form a select/input element
2019-01-22 20:03:59 -07:00
J. Ryan Stinnett
575cd1e37b
Add modal look to authentication flows
...
This changes the auth screens to use the modal-like style of the redesign.
This does not attempt to style the actual body content of each screen. Instead,
it covers the header area with logo, footer links, and overall modal container
only.
2019-01-22 20:44:49 -06:00
J. Ryan Stinnett
9d2bfdc0c0
Fix CSS indentation level
2019-01-22 20:44:49 -06:00
Travis Ralston
f0e8182ff3
Support selects on Field
...
Luckily, the styling is copy/paste capable.
2019-01-22 19:25:09 -07:00
Christopher Medlin
be94e1aebc
Fix integrations error popup
...
Signed-off-by: Christopher Medlin <christopherjmedlin@protonmail.com>
2019-01-22 11:44:55 -08:00
Travis Ralston
0deb210fd8
Collapse DOM around tab label icon
2019-01-22 09:54:35 -07:00
Bruno Windels
5dd5f4f1dc
add JumpToBottomButtom component
2019-01-22 14:49:04 +01:00
J. Ryan Stinnett
1d01ac398c
Rename mx_Login_box
to mx_AuthPage_modal
and fold into AuthPage
2019-01-21 19:11:43 -06:00
J. Ryan Stinnett
3bd765f63f
Rename LoginPage, Header, Footer views to Auth*
2019-01-21 19:11:43 -06:00
J. Ryan Stinnett
c7354f483b
Rename LoginBox to AuthButtons
...
This component displays login and register buttons. It's currently used in the
composer when viewing a room as a guest.
The name is confusing because the login flow uses are very similarly named
`mx_Login_box` as a wrapping around forms, which is totally different than these
buttons.
Additionally, the components is moved to `views/auth` since it is very simple
and auth related.
2019-01-21 19:11:43 -06:00
Travis Ralston
b678e84272
Remove extraneous TODO comment
...
The thing it describes actually happened
2019-01-21 17:32:25 -07:00
Travis Ralston
15a56fa90b
Improve the profile section a bit and add a highlight to the temp tab
2019-01-21 17:27:43 -07:00
Travis Ralston
c3692aa9ae
Use the right icons, sizing, and font families for things
2019-01-21 16:51:43 -07:00
Travis Ralston
f1e44757f0
Very early work on the "General" tab
2019-01-21 16:51:43 -07:00
Travis Ralston
22435bf8d2
Make the dialog look more like a new dialog
2019-01-21 16:51:43 -07:00
Travis Ralston
a7e3d7df28
Make the tabs look like the design
2019-01-21 16:51:43 -07:00
J. Ryan Stinnett
29be3ee4b5
Rename login directory to auth
2019-01-21 17:45:55 -06:00
J. Ryan Stinnett
23b3e74c1c
Change to new field focused color
2019-01-21 13:47:16 -06:00
J. Ryan Stinnett
352107352e
Tweak field input padding to match label position
2019-01-21 13:47:16 -06:00
J. Ryan Stinnett
1906cfd700
Tweak field label to be vertically centered
2019-01-21 13:47:16 -06:00
J. Ryan Stinnett
efd5405267
Add a form field component for the redesign
...
The label moves into the border on focus and after being filled. A valid color
is applied to the label and input border. Other states like invalid can be added
later as needed.
Adapted from @ara4n's experiment into a React component with a CSS only
approach.
2019-01-19 22:13:53 -06:00