Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

Styled Google OAuth login button

Browse source 
Refs https://github.com/TryGhost/Team/issues/612
This commit is contained in:
Sanne de Vries 2021-04-29 15:01:42 +02:00
parent 3b02987f86
commit b8cdb26e70
3 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
ghost/admin/app/styles/layouts/flow.css
View file

@ -253,13 +253,16 @@
text-align: center;
margin-top: 25px;
margin-bottom: 25px;
font-size: 1.4rem;
font-weight: 400;
text-transform: uppercase;
}
.gh-separator::before,
.gh-separator::after {
content: '';
flex: 1;
border-bottom: 1px solid var(--midgrey);
border-bottom: 1px solid var(--lightgrey);
}
.gh-separator:not(:empty)::before {

2
ghost/admin/app/styles/patterns/buttons.css
View file

@ -260,7 +260,7 @@ fieldset[disabled] .gh-btn {
.gh-btn-block svg {
width: 1em;
height: 1em;
margin-right: 0.5em;
margin-right: 0.6em;
fill: #fff;
}

5
ghost/admin/app/templates/signin.hbs
View file

@ -27,9 +27,8 @@
{{#if this.config.oauth}}
<a
href="/ghost/oauth/google"
class="login gh-btn gh-btn-login gh-btn-block gh-btn-icon gh-center"
style="background: {{this.accentColor}};">
<span>Sign in with Google &rarr;</span>
class="login gh-btn gh-btn-login gh-btn-block gh-btn-white gh-btn-icon gh-center">
<span style="color: #15171a;">{{svg-jar "google-favicon"}}Sign in with Google</span>
</a>
<div class="gh-separator">