Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-06 22:40:14 -05:00
Code Issues Activity

Updated split layout and subscribe form states for signup card frontend

Browse source 
Refs https://github.com/TryGhost/Team/issues/3246
This commit is contained in:
Sanne de Vries 2023-05-22 12:09:31 +02:00
parent f4bb135f9c
commit a6e534bba8
1 changed files with 31 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
ghost/core/core/frontend/src/cards/css/signup.css
View file

@ -20,6 +20,11 @@
color: currentColor;
}
.kg-signup-card.kg-layout-split {
display: grid;
grid-template-columns: 1fr 1fr;
}
.kg-signup-card-container {
position: relative;
display: flex;
@ -49,6 +54,17 @@
}
/* Split layout image */
.kg-signup-card-image {
object-fit: cover;
object-position: center;
/* this will force the image to follow the signup card height */
height: 0;
min-height: 100%;
/**/
}
/* Heading */
.kg-signup-card h2.kg-signup-card-heading {
@ -106,6 +122,7 @@
/* Subscribe form */
.kg-signup-card-form {
position: relative;
margin: 2.8em 0 0;
}
@ -128,6 +145,10 @@
font-size: 1.1em;
}
.kg-signup-card-input.kg-style-accent {
border-color: var(--ghost-accent-color);
}
.kg-signup-card-button {
display: flex;
position: static;
@ -191,10 +212,15 @@
.kg-signup-card-form.success .kg-signup-card-success {
display: block;
height: 3em;
font-size: 1.25em;
font-weight: 500;
line-height: 1.4em;
}
.kg-signup-card-form.error .kg-signup-card-error {
display: block;
position: absolute;
}
.kg-signup-card-button-loading {
@ -214,3 +240,8 @@
.kg-signup-card-disclaimer {
margin: .8em 0 0;
}
.kg-signup-card-form.success + .kg-signup-card-disclaimer,
.kg-signup-card-form.error + .kg-signup-card-disclaimer {
visibility: hidden;
}