UX: Improve balance on login & signup pages (#30330)

This commit is contained in:
Jordan Vidrine 2024-12-18 12:31:35 -06:00 committed by GitHub
parent 770a478fcc
commit 4d0cbc08dc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 19 additions and 18 deletions

View File

@ -12,11 +12,26 @@
body.login-page,
body.signup-page,
body.invite-page,
body.password-reset-page {
& ~ .powered-by-discourse,
body.password-reset-page,
body.activate-account-page {
.powered-by-discourse,
.above-main-container-outlet {
display: none;
}
#main-outlet {
padding: 0;
}
.d-header {
box-shadow: none;
border: none;
background-color: var(--secondary);
}
.d-header .home-logo-wrapper-outlet {
width: 100%;
}
.d-header .title a {
margin: 0 auto;
}
}
body.login-page,
@ -51,6 +66,7 @@ body.signup-page {
&__existing-account,
&__no-account-yet {
font-size: var(--font-down-1);
color: var(--primary-medium);
}
@ -209,6 +225,7 @@ body.signup-page {
.btn-social {
border: 1px solid var(--primary-low);
padding: 0.75em 0.77em; // matches input padding
}
}

View File

@ -200,11 +200,8 @@
.btn-social {
color: #000;
background: #fff;
border: 1px solid transparent;
border-radius: var(--d-border-radius);
&:hover,
&:focus {
box-shadow: var(--shadow-card);
outline: 1px solid #000;
}
&[href] {
@ -218,19 +215,6 @@
&.btn:hover .d-icon {
color: #000;
}
&.google_oauth2 {
background: var(--google);
color: #333;
// non-FA SVG icon for Google in login-buttons.hbs
.d-icon {
opacity: 0.9;
}
&:hover,
&:focus {
color: inherit;
}
}
&.cas {
.d-icon {
color: var(--cas);