PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Style SSO login like a button

Browse source
This commit is contained in:
J. Ryan Stinnett 2019-01-25 23:36:36 -06:00
parent 306380d647
commit b1f698586e
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
res/css/structures/auth/_Login.scss
View file

@ -45,6 +45,7 @@ limitations under the License.
width: 100%; width: 100%;
margin-top: 35px; margin-top: 35px;
margin-bottom: 24px; margin-bottom: 24px;
box-sizing: border-box;
} }
.mx_Login_submit:hover { .mx_Login_submit:hover {
@ -65,10 +66,11 @@ limitations under the License.
margin-right: 10px; margin-right: 10px;
} }
.mx_Login_sso_link { .mx_AuthBody a.mx_Login_sso_link:link,
display: block; .mx_AuthBody a.mx_Login_sso_link:hover,
.mx_AuthBody a.mx_Login_sso_link:visited {
color: $button-primary-fg-color;
text-align: center; text-align: center;
margin-bottom: 20px;
} }
.mx_Login_loader { .mx_Login_loader {

2
src/components/structures/auth/Login.js
View file

@ -590,7 +590,7 @@ module.exports = React.createClass({
// user's browser, let them log into their SSO provider, then redirect their browser // user's browser, let them log into their SSO provider, then redirect their browser
// to vector://vector which, of course, will not work. // to vector://vector which, of course, will not work.
return ( return (
<a href={url} className="mx_Login_sso_link">{ _t('Sign in with single sign-on') }</a> <a href={url} className="mx_Login_sso_link mx_Login_submit">{ _t('Sign in with single sign-on') }</a>
); );
}, },