344a5d1547
Style login type with primary color
2019-01-28 08:52:20 -06:00
7934a2950c
Add 'Your account' header
2019-01-28 08:52:20 -06:00
73aeb26a79
Remove dead code for empty `matrixIdText` in `PasswordLogin`
2019-01-28 08:52:20 -06:00
0bee324e48
Add server type selector component
2019-01-28 08:52:20 -06:00
b4f02844a8
Merge remote-tracking branch 'origin/experimental' into dbkr/sas
2019-01-28 09:36:39 +00:00
57e45e7e7c
Proof of concept for a flair tab in user settings
2019-01-25 15:35:32 -07:00
535d42684f
Initial structure for new room settings
2019-01-25 13:09:44 -07:00
f7f23e4dea
Merge branch 'experimental' into travis/usettings/tab/security
2019-01-25 09:12:07 -07:00
aeac82209e
Improve disabled Field styling
2019-01-25 09:10:16 -07:00
949343d7d5
Merge pull request #2505 from matrix-org/travis/settings/animated-toggles
...
Add simple animations to toggle switches
2019-01-25 07:51:38 -07:00
3301c35f7d
Merge pull request #2501 from matrix-org/travis/settings/dialog-size
...
Have the settings dialog be fixed in size
2019-01-25 07:46:36 -07:00
9bbbab9d03
Add simple animations to toggle switches
2019-01-24 21:24:28 -07:00
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
5dc75e2d3c
Have the settings dialog be fixed in size
...
This also brings out some classes that aren't solely applicable to the user settings and will be applicable to the room settings as well.
2019-01-24 19:12:09 -07:00
1f10cda5e4
Implement the "Help & About" tab of new user settings
2019-01-24 17:10:35 -07:00
b0a8cbf75f
Implement the "Security & Privacy" tab of new user settings
2019-01-24 15:47:04 -07:00
0f89668446
Also the font size
2019-01-24 14:42:30 -07:00
87cea5ef09
Fix sizings and margins
2019-01-24 14:41:00 -07:00
27ee6625ee
Implement the "Voice & Video" tab of new user settings
2019-01-24 13:33:22 -07:00
524d2f1e11
Force font family upon Fields
2019-01-24 11:43:03 -07:00
5479a4dac5
Implement the "Preferences" tab on new user settings
2019-01-24 10:32:29 -07:00
f1c1caac62
Implement labs tab in new user settings
2019-01-24 08:52:45 -07:00
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
a5297303b0
remove flexbox layout
2019-01-24 15:44:16 +01:00
736aa8297d
Minor CSS adjustments
2019-01-23 18:49:27 -07: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
40f6aeba28
Touchups to toggles in settings
2019-01-23 16:03:56 -07:00
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
9f5f552be1
Move LanguageSelector to views
...
It's too simple to be called a structure.
2019-01-23 16:14:03 -06:00
f4bbfc4aeb
Remove unneeded style from forgot password
2019-01-23 15:50:44 -06:00
9b3d674a92
Rename links for changing auth flow
2019-01-23 15:50:44 -06:00
2bb5a1d6ef
Clear out other login link styles
2019-01-23 15:50:44 -06:00
e396954a20
Update forgot password link text and style
2019-01-23 15:50:44 -06:00
2f89af4fa0
Update login header text
2019-01-23 15:50:44 -06:00
97666d39bc
Bring in theme and language options
2019-01-23 14:43:45 -07:00
d55d145223
Bring over phone number management
2019-01-23 14:16:18 -07:00
6a90625d36
Merge remote-tracking branch 'origin/experimental' into dbkr/sas
2019-01-23 17:32:18 +00:00
aa7afe819f
Bring over email address management
2019-01-23 09:28:53 -07:00
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
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
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
f643d7a143
Finish the box for displayname/avatar changes
2019-01-23 09:27:04 -07:00
523d910c66
Use new dropdown arrow for language selector
2019-01-23 10:18:06 -06:00
05254f0e82
Tweak language selector to match design
2019-01-23 10:18:06 -06:00
f9793fa567
Extract language selector styles
2019-01-23 10:18:06 -06:00
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
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
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
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
b83227c035
Merge pull request #2484 from matrix-org/travis/select-field
...
Support selects on Field
2019-01-22 20:13:06 -07:00
2b3c8c4450
Correctly form a select/input element
2019-01-22 20:03:59 -07:00
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
9d2bfdc0c0
Fix CSS indentation level
2019-01-22 20:44:49 -06:00
f0e8182ff3
Support selects on Field
...
Luckily, the styling is copy/paste capable.
2019-01-22 19:25:09 -07:00
be94e1aebc
Fix integrations error popup
...
Signed-off-by: Christopher Medlin <christopherjmedlin@protonmail.com>
2019-01-22 11:44:55 -08:00
0deb210fd8
Collapse DOM around tab label icon
2019-01-22 09:54:35 -07:00
5dd5f4f1dc
add JumpToBottomButtom component
2019-01-22 14:49:04 +01:00
3c8bd3fc78
Merge pull request #2456 from matrix-org/bwindels/extendtypingbartiming
...
Avoid "jumpiness" with inline typing indicator
2019-01-22 11:04:25 +00:00
1d01ac398c
Rename `mx_Login_box` to `mx_AuthPage_modal` and fold into `AuthPage`
2019-01-21 19:11:43 -06:00
3bd765f63f
Rename LoginPage, Header, Footer views to Auth*
2019-01-21 19:11:43 -06:00
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
b678e84272
Remove extraneous TODO comment
...
The thing it describes actually happened
2019-01-21 17:32:25 -07:00
15a56fa90b
Improve the profile section a bit and add a highlight to the temp tab
2019-01-21 17:27:43 -07:00
c3692aa9ae
Use the right icons, sizing, and font families for things
2019-01-21 16:51:43 -07:00
d907647e61
Spread the tabs out a bit
2019-01-21 16:51:43 -07:00
f1e44757f0
Very early work on the "General" tab
2019-01-21 16:51:43 -07:00
22435bf8d2
Make the dialog look more like a new dialog
2019-01-21 16:51:43 -07:00
a7e3d7df28
Make the tabs look like the design
2019-01-21 16:51:43 -07:00
15709040e7
Make tabs be their own panels
2019-01-21 16:51:43 -07:00
5adfc09237
Bring in TabbedView nearly verbatim from prior work
...
Sourced from https://github.com/matrix-org/matrix-react-sdk/pull/1644 and related PRs.
2019-01-21 16:51:43 -07:00
29be3ee4b5
Rename login directory to auth
2019-01-21 17:45:55 -06:00
31808c23a8
Override Firefox UA style for placeholders
2019-01-21 15:01:26 -06:00
82dee37afe
Fix styling regression in member list filter
2019-01-21 13:57:33 -06:00
23b3e74c1c
Change to new field focused color
2019-01-21 13:47:16 -06:00
352107352e
Tweak field input padding to match label position
2019-01-21 13:47:16 -06:00
1906cfd700
Tweak field label to be vertically centered
2019-01-21 13:47:16 -06:00
5aff76b49d
use css scrollbar styles to make native scrollbars prettier
2019-01-21 19:06:49 +01:00
018f3d2a5c
use box-sizing: border-box to make clientHeight === actual height
2019-01-21 17:30:02 +01:00
efcfaed335
switch to 35px high gradients
2019-01-20 14:31:06 +00:00
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
970880737e
Merge remote-tracking branch 'origin/experimental' into dbkr/sas
2019-01-18 18:33:11 +00:00
ec2d51cbbb
SAS verification screen matching design
2019-01-18 16:56:49 +00:00
20e296b20e
Convert image URLs in React to `require` calls
...
This allows Webpack to insert the proper image URL after builds steps like
adding a hash and so on. The path you supply to `require` is relative to the JS
source file, just like any other would be.
2019-01-17 22:06:49 -06:00
b2387f4cff
Define SCSS variable for resource dir
...
Adds a `$res` SCSS variable set to the path from the root SCSS file to the `res`
directory.
This is a different base path than previously used in CSS URLs (it goes up 3
directories instead of 2), because Webpack will now be resolving images relative
to the root SCSS file, so the path corresponds to a source tree location,
instead of a path in the build output tree.
Defining this variable has two main goals:
* URLs are a bit easier to read
* The path can be overridden, which is needed for external (riot-web) themes
2019-01-17 22:06:49 -06:00
7678b9c43b
Lift font SCSS partials to theme root
...
This means that themes which include `light/css/_base.scss` (currently Dark and
Status) won't be forced to have Light's font-faces included. This only really
matters for Status, which uses different fonts throughout.
2019-01-17 21:50:45 -06:00
9a7a8da6c0
Use font-family from theme in all components
2019-01-17 21:50:45 -06:00
23e7811f33
Merge pull request #2454 from matrix-org/bwindels/topleftcursor
...
Fix: show hand cursor in topleft menu so its clear you can click it
2019-01-17 16:58:12 +00:00
2bec088591
show hand cursor in topleft menu so its clear you can click it
2019-01-17 14:07:33 +01:00
921906897f
css url paths are relative to location of compiled file, not project structure
2019-01-17 13:49:52 +01:00
89b576936b
Merge pull request #2448 from matrix-org/bwindels/searchmakeover
...
Redesign: search makeover
2019-01-17 12:12:26 +00:00
8c30d05eb8
Revert "Merge pull request #2348 from matrix-org/bwindels/roomgridview-experimental"
...
This reverts commit ece5cb1fcc64a3d2521c
2019-01-17 10:29:37 +01:00
859f2a8646
Show spinner while waiting on status message to commit
...
It can take some time to actually set the status message and see it play back as
a committed event. This adds a spinner for immediate feedback so it's clear
that something is happening.
Fixes https://github.com/vector-im/riot-web/issues/8135 .
2019-01-16 09:33:39 -06:00
1082f548d3
hack nunito italics for now with CSS skew
...
fixes https://github.com/google/fonts/issues/1726
2019-01-16 12:53:46 +00:00
0229453482
Merge pull request #2440 from matrix-org/bwindels/smarterresizer
...
Improve room sublist resizing
2019-01-16 10:55:53 +00:00
899ee265e3
Merge branch 'experimental' into bwindels/searchmakeover
2019-01-16 11:17:38 +01:00
924e1f9e4a
don't show event search results with underline/blue
2019-01-16 11:14:30 +01:00
b14d436e98
make cancel button icon slightly larger
2019-01-16 11:14:19 +01:00
807d3aba6e
Use integer padding / border for avatar
...
It seems fractional spacing results in different behavior across browsers,
including unbalanced spacing, making the avatar appear uncentered.
Here we avoid this by using integers that seem to closely match the comps.
Fixes https://github.com/vector-im/riot-web/issues/8134 .
2019-01-15 16:37:16 -06:00
c07470be7b
show a spinner while searching
2019-01-15 18:45:56 +01:00
4b13774585
Revert to avatar only when custom status disabled
...
This returns to the previous behavior of avatar only without a button when the
custom status feature is disabled so that you don't get pointer cursor for
something that does nothing when clicked.
The avatar ring spacing is kept consistent with and without the feature enabled
by using a different class in CSS.
2019-01-15 10:54:29 -06:00
J. Ryan Stinnett