TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-25 09:03:12 +03:00
Code Issues Projects Releases Wiki Activity

Updated new/edit offer form design

Browse Source 
refs https://github.com/TryGhost/Team/issues/1811
This commit is contained in:
Djordje Vlaisavljevic 2022-08-17 21:17:25 +02:00
parent 586a912e47
commit 0c49fac5f7
2 changed files with 30 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
ghost/admin/app/styles/layouts/offers.css
View File

@ -175,6 +175,10 @@
margin-left: 24px;
}
.gh-offer-trial-duration .form-group {
margin-bottom: 0;
}
.gh-offer-trial-duration .trial-duration::before {
position: absolute;
content: "days";
@ -186,7 +190,7 @@
}
.gh-offer-trial-info {
margin: 4px 0 0;
margin: 8px 0 0;
color: #738393;
font-size: 1.25rem;
font-weight: 400;
@ -403,9 +407,13 @@
grid-column-gap: 0px;
}
.gh-offer-duration .form-group {
.gh-offer-duration .form-group, .gh-offer-tier-and-trial > .form-group {
margin-bottom: 1.6em;
}
.gh-offer-trial-duration .form-group {
margin-bottom: 0;
}
}
@media (max-width: 1280px) {
@ -462,7 +470,7 @@
grid-column-gap: 24px;
}
.gh-offer-duration .form-group {
.gh-offer-duration .form-group, .gh-offer-tier-and-trial > .form-group {
margin-bottom: 0;
}
}
@ -526,9 +534,13 @@
grid-column-gap: 0px;
}
.gh-offer-duration .form-group {
.gh-offer-duration .form-group, .gh-offer-tier-and-trial > .form-group {
margin-bottom: 1.6em;
}
.gh-offer-trial-duration .form-group {
margin-bottom: 0;
}
}
@media (max-width: 1000px) {

14
ghost/admin/app/styles/layouts/settings.css
View File

@ -2412,6 +2412,11 @@ p.theme-validation-details {
grid-gap: 32px;
}
.gh-settings-members-pricetrialcont .trial-docs-link {
color: #30cf43;
white-space: nowrap;
}
.gh-settings-members-pricelabelcont {
display: flex;
align-items: baseline;
@ -2662,6 +2667,15 @@ p.theme-validation-details {
color: var(--red);
}
@media (max-width: 1080px) {
.gh-settings-members-pricetrialcont {
display: grid;
grid-template-columns: none;
grid-gap: 0px;
margin-bottom: 24px;
}
}
@media (max-width: 500px) {
.gh-members-stripe-info-header {
flex-direction: column;