731776d189
Improve link buttons and inline link buttons styling ( #8238 )
...
* Set padding: 0 to both "link" and "link_inline"
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Remove redundant settings - _SpotlightDialog.scss
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Remove redundant settings - JoinRuleSettings
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Remove redundant settings - _ViewSourceEvent.scss
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Remove redundant settings - _RoomDirectory.scss
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Remove redundant settings - _InviteDialog.scss
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Remove redundant settings - ServerOfflineDialog
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Remove redundant settings - UpdateCheckButton
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Remove redundant settings - NonUrgentEchoFailureToast
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Remove redundant settings - CallView
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Remove unused styles - _RoomSettingsDialogBridges.scss
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Replace "link" with "link_inline" for inline links
- src/components/structures/UserMenu.tsx
- src/components/views/dialogs/BetaFeedbackDialog.tsx
- src/components/views/dialogs/FeedbackDialog.tsx
- src/components/views/rooms/NewRoomIntro.tsx
- src/components/views/settings/tabs/room/NotificationSettingsTab.tsx
- src/components/views/settings/tabs/user/PreferencesUserSettingsTab.tsx
- src/components/views/spaces/SpaceCreateMenu.tsx
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Replace "link_inline" with "link" for links not inline
- src/async-components/views/dialogs/security/CreateKeyBackupDialog.tsx
- src/async-components/views/dialogs/security/CreateSecretStorageDialog.tsx
- src/components/structures/auth/ForgotPassword.tsx
- src/components/structures/auth/Registration.tsx
- src/components/views/auth/InteractiveAuthEntryComponents.tsx
- src/components/views/dialogs/security/AccessSecretStorageDialog.tsx
- src/components/views/dialogs/security/RestoreKeyBackupDialog.tsx
- src/components/views/messages/TileErrorBoundary.tsx
- src/components/views/messages/ViewSourceEvent.tsx
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Remove a redundant declaration - _SetupEncryptionBody.scss
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Remove a redundant declaration - _ReplyChain.scss
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Remove a redundant declaration - _EventTile.scss
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Remove an obsolete style block - _RoomPreviewCard.scss
The block was transferred from _SpaceRoomView.scss with ec24dc661edb6979ba901936067e5bc731dafa59
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Remove a redundant declaration - _SecurityUserSettingsTab.scss
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Remove element='span' - NewRoomIntro.tsx
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Remove redundant declarations - _ServerPicker.scss
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Replace 'link' with 'link_inline' - AnalyticsToast.tsx
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
4 years ago
b5ed051ecc
Use AccessibleButton for 'Reset All' link button on SetupEncryptionBody ( #8730 )
...
- Remove ButtonResetDefault to respect the concept of cascading
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
4 years ago
6d6cfcde11
registration: redesign email verification page ( #8554 )
4 years ago
e980c146ff
Create a mixin of cancel button ( #8526 )
4 years ago
35c49a8cd8
Add default properties to link buttons and remove redundant settings ( #8151 )
...
* Add font-size: inherit to link button
Remove redundant font-size settings
_FeedbackDialog.scss
_GenericFeatureFeedbackDialog.scss
_Login.scss
_NewRoomIntro.scss
_NotificationSettingsTab.scss
_PinnedEventTile.scss
_PreferencesUserSettingsTab.scss
_SpaceCreateMenu.scss
_ToastContainer.scss
_UserMenu.scss
Specify font-size
- _ProfileSettings.scss
- _SpaceBasicSettings.scss
- _SpaceSettingsDialog.scss
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Add line-height: inherit to link button
Remove redundant setting
- _GenericFeatureFeedbackDialog.scss
- _PinnedEventTile.scss
- _SpaceCreateMenu.scss
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Add font-weight: normal to link button
Remove redundant setting
- _SpotlightDialog.scss
- _UserMenu.scss
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Dedupe _link and _link_inline
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Set inline to "link_inline"
Treat the button as its name indicates.
For elements that should not be inlined, "link" should be used.
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
4 years ago
86691550df
Padding setting of link button & nesting structure of _AccessibleButton.scss ( #8091 )
4 years ago
fed53a268b
A11y - fix anchors-as-buttons ( #7444 )
...
* add link_inline accessiblebutton variant
* valid anchors in SecurityRoomSettingsTab
Signed-off-by: Kerry Archibald <kerrya@element.io>
* new room intro link button
Signed-off-by: Kerry Archibald <kerrya@element.io>
* replace anchor with button in rerequest encryption keys message
Signed-off-by: Kerry Archibald <kerrya@element.io>
* inline button in UrlPreviewSettings
Signed-off-by: Kerry Archibald <kerrya@element.io>
* ButtonResetDefault mixin
Signed-off-by: Kerry Archibald <kerrya@element.io>
* inline link buttons in TextForEvent
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix anchors in InviteDialog
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix anchors in DevToolsDialog
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix anchors in login/registration/reset pword flows
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix types after fixing anchors in devtools
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix anchors in MemberEventListSummary
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix anchors in ReactionsRow and RoomUpgrade
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix anchors in ReplyChain
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix more anchors
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix anchors in auth comps
* stylelint fixes
Signed-off-by: Kerry Archibald <kerrya@element.io>
* remove ignore of jsx-a11y rule that is not added yet
Signed-off-by: Kerry Archibald <kerrya@element.io>
* devtools style important explainer
Signed-off-by: Kerry Archibald <kerrya@element.io>
* translate button alt in devtools dialog
Signed-off-by: Kerry Archibald <kerrya@element.io>
* AccessibleButton is reactionsrow
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix viewsourcevent button placement, use AccessibleButton
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use AccessibleButton in EventTile
Signed-off-by: Kerry Archibald <kerrya@element.io>
* unignore jsx-a11y/anchor-is-valid
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix lint issue in test jsx
Signed-off-by: Kerry Archibald <kerrya@element.io>
* update coment
Signed-off-by: Kerry Archibald <kerrya@element.io>
4 years ago
9abb2f5ff4
Color cleanup 8 ( #7108 )
...
* $accent-color -> $accent
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $accent-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $notice-primary-color -> $alert
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $notice-primary-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $accent-50pct
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $warning-color -> $alert
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $accent-darker
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $orange-warning-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $warning-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $info-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
4 years ago
0794be1e98
$notice-secondary-color -> $tertiary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
4 years ago
9a16b4636f
Make cross-signing dialog clearer and more context-aware
...
- Don't show loading spinners while waiting for user action
- When checking if there are other devices we can verify against, only
look for devices that are actually cross-signed.
- Adjust displayed options depending on whether other devices and/or
recovery keys exist, and add an option to reset cross-signing keys
if necessary.
- Various minor clarifying adjustments to UI styling/text
Signed-off-by: Faye Duxovni <fayed@element.io>
4 years ago
8fe28fe864
Update res/css/structures/auth/_Login.scss
...
Co-authored-by: Šimon Brandner <simon.bra.ag@gmail.com>
4 years ago
b9604d1fb5
Make ForgotPassword UX slightly more user friendly
4 years ago
4811154f25
Remove now-unused assets and CSS from CompleteSecurity step
5 years ago
d77c5b46eb
Fix width of underline in server picker dialog
5 years ago
1d53a5cf23
Initial support for MSC2858
5 years ago
613710b75c
Iterate Auth copy
5 years ago
e4d824839a
Revert "Use recovery keys over passphrases"
6 years ago
e0a34d9dea
Revert "Use recovery keys over passphrases"
6 years ago
338b88fe43
Remove unused CSS rule
6 years ago
5624cf5ceb
Add option to reset keys to the encryption setup screen
6 years ago
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.
6 years ago
89860100ae
Update login security copy and design to match Figma
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
6 years ago
80b8120bc3
Update login security copy and design to match Figma
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
6 years ago
ac26719b69
disable password reset button when spinning
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
6 years ago
db09cadb66
remove spinner, change copy, add button placeholder
6 years ago
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.
6 years ago
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.
6 years ago
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
6 years ago
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.
6 years ago
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
6 years ago
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
7 years ago
3f6bb0c7ca
Use default cursor for disabled submit button
7 years ago
aacb942d57
Don't handle identity server failure as fatal, and use the right message
...
Fixes https://github.com/vector-im/riot-web/issues/10002
7 years ago
ace1bde238
Implement design and copy for errors
7 years ago
e4576dac28
Render underlines and tooltips on custom server names in auth pages
...
See https://github.com/vector-im/riot-web/issues/9290
7 years ago
bc54ea5623
Convert login type to Field component
...
This converts the login type Dropdown on the login flow to also use the Field
component so that every presents a similar visual style.
7 years ago
5a491ac053
Convert login inputs to Field component
...
As with other auth flows, this converts inputs on the login page to use the
Field component for consistent styling. The login type dropdown is left as-is
for now.
7 years ago
5b1d361577
Convert registration phone number to Field component
...
Now that we have prefix support in the Field component, we can also convert the
phone number with country dropdown on registration.
7 years ago
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.
7 years ago
93324896f3
Force authpage to act like light theme
7 years ago
01d28bc137
Squeeze country dropdowns to match design
7 years ago
88fd2e79cd
Prune unused auth styles
7 years ago
8e9fc8a8e7
Make existing fields full width
7 years ago
398ded4a91
Switch to two phase login
7 years ago
b1f698586e
Style SSO login like a button
7 years ago
344a5d1547
Style login type with primary color
7 years ago
73aeb26a79
Remove dead code for empty `matrixIdText` in `PasswordLogin`
7 years ago
9f5f552be1
Move LanguageSelector to views
...
It's too simple to be called a structure.
7 years ago
f4bbfc4aeb
Remove unneeded style from forgot password
7 years ago
9b3d674a92
Rename links for changing auth flow
7 years ago
Suguru Hirahara