1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-24 06:20:56 +01:00
phorge-phorge/webroot/rsrc/css/application/auth/auth.css
epriestley 633aa5288c Persist login instructions onto flow-specific login pages (username/password and LDAP)
Summary:
Fixes T13433. Currently, "Login Screen Instructions" in "Auth" are shown only on the main login screen. If you enter a bad password or bad LDAP credential set and move to the flow-specific login failure screen (for example, "invalid password"), the instructions vanish.

Instead, persist them. There are reasonable cases where this is highly useful and the cases which spring to mind where this is possibly misleading are fairly easy to fix by making the instructions more specific.

Test Plan:
  - Configured login instructions in "Auth".
  - Viewed main login screen, saw instructions.
  - Entered a bad username/password and a bad LDAP credential set, got kicked to workflow sub-pages and still saw instructions (previously: no instructions).
  - Grepped for other callers to `buildProviderPageResponse()` to look for anything weird, came up empty.

Maniphest Tasks: T13433

Differential Revision: https://secure.phabricator.com/D20863
2019-10-24 18:38:15 -07:00

66 lines
1.1 KiB
CSS

/**
* @provides auth-css
*/
.phabricator-login-buttons {
max-width: 508px;
margin: 16px auto;
}
.phabricator-login-buttons .phabricator-login-button .button {
width: 246px;
}
.device-desktop .phabricator-login-buttons .aphront-multi-column-column-last {
text-align: right;
}
.device .phabricator-login-buttons {
text-align: center;
}
.phabricator-link-button {
text-align: center;
}
.auth-account-view {
background-color: {$lightbluebackground};
border: 1px solid {$thinblueborder};
border-radius: 3px;
min-height: 50px;
position: relative;
padding: 4px 4px 4px 64px;
}
.auth-account-view-profile-image {
width: 50px;
height: 50px;
top: 6px;
left: 6px;
background-repeat: no-repeat;
background-size: 100%;
box-shadow: {$borderinset};
position: absolute;
}
.auth-account-view-name {
font-weight: bold;
}
.auth-account-view-provider-name {
color: {$lightgreytext};
}
.auth-account-view-account-uri {
word-break: break-word;
}
.auth-custom-message {
margin: 32px auto 48px;
max-width: 548px;
background: #fff;
padding: 16px;
border: 1px solid {$lightblueborder};
border-radius: 4px;
}