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

Refined currency dropdown

Browse source
This commit is contained in:
Peter Zimon 2021-05-17 18:12:49 +02:00
parent ee7ac5588a
commit 87e2a3db37
2 changed files with 40 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
ghost/admin/app/styles/layouts/settings.css
View file

@ -1465,26 +1465,53 @@ p.theme-validation-details {
margin-bottom: 4px;
}
.gh-setting-members-currency {
position: relative;
}
.gh-setting-members-currencylabel {
position: absolute;
display: flex !important;
align-items: center;
top: 1px;
left: 0px;
background: var(--main-color-content-greybg);
height: 20px;
font-weight: 500;
font-size: 1.4rem;
color: var(--middarkgrey);
text-transform: uppercase;
pointer-events: none;
}
.gh-setting-members-currencylabel span {
margin-right: 0;
}
.gh-settings-members-pricelabelcont .gh-select svg {
position: unset;
margin-top: -3px;
}
.gh-settings-members-pricelabelcont .gh-select {
padding: 0;
width: 320px;
width: 60px;
height: 16px;
background: transparent;
border: none;
margin-left: -4px;
}
.gh-settings-members-pricelabelcont .gh-select select {
background: transparent;
font-size: 1.4rem;
font-weight: 500;
border: none;
height: 16px;
width: 46px;
padding: 0;
}
.gh-settings-members-pricelabelcont .gh-select svg {
position: absolute;
bottom: unset;
width: 12px;
margin-right: unset;
}
.gh-setting-members-prices {
display: grid;
grid-template-columns: 1fr 1fr;

7
ghost/admin/app/templates/settings/membership.hbs
View file

@ -122,7 +122,11 @@
<label for="monthlyPrice">Prices</label>
<span>–</span>
<div>
<span class="gh-select">
<span class="gh-setting-members-currency gh-select">
<div class="gh-setting-members-currencylabel">
<span>{{this.currency}}</span>
{{svg-jar "arrow-down-small"}}
</div>
<OneWaySelect
@value={{this.selectedCurrency}}
id="currency"
@ -132,7 +136,6 @@
@optionLabelPath="label"
@update={{this.setStripePlansCurrency}}
/>
{{svg-jar "arrow-down-small"}}
</span>
</div>
</div>