UX: Less specific styling for Auth logins (#16393)

This commit is contained in:
Jordan Vidrine
2022-04-11 12:33:09 -05:00
committed by GitHub
parent 6c0abe15e0
commit 09ee9a6be6
3 changed files with 13 additions and 20 deletions

View File

@@ -197,16 +197,6 @@
}
}
&.facebook {
.d-icon {
color: $facebook;
}
&:hover {
.d-icon {
color: $facebook;
}
}
}
&.cas {
.d-icon {
color: var(--cas);

View File

@@ -14,13 +14,16 @@
color: rgba(var(--primary-rgb), 0.85);
}
}
h2.login-with {
color: var(--secondary);
}
#login-buttons:not(.hidden) {
display: flex;
flex: 0 1 auto;
flex-direction: column;
align-items: stretch;
min-height: 75px;
min-width: 160px;
min-width: 200px;
order: 2;
&:focus-within,
@@ -211,7 +214,7 @@
}
.has-alt-auth .create-account-form {
display: grid;
grid-template-columns: 65% 35%;
grid-template-columns: 60% 40%;
grid-template-rows: auto 1fr;
grid-template-areas:
"header login-buttons"

View File

@@ -1963,27 +1963,27 @@ en:
not_approved: "Your account hasn't been approved yet. You will be notified by email when you are ready to log in."
google_oauth2:
name: "Google"
title: "with Google"
sr_title: "Login with Google"
title: "Sign in with Google"
sr_title: "Sign in with Google"
twitter:
name: "Twitter"
title: "with Twitter"
sr_title: "Login with Twitter"
title: "Sign in with Twitter"
sr_title: "Sign in with Twitter"
instagram:
name: "Instagram"
title: "with Instagram"
title: "Login with Instagram"
sr_title: "Login with Instagram"
facebook:
name: "Facebook"
title: "with Facebook"
title: "Login with Facebook"
sr_title: "Login with Facebook"
github:
name: "GitHub"
title: "with GitHub"
title: "Login with GitHub"
sr_title: "Login with GitHub"
discord:
name: "Discord"
title: "with Discord"
title: "Login with Discord"
sr_title: "Login with Discord"
second_factor_toggle:
totp: "Use an authenticator app instead"