TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-28 22:43:30 +03:00
Code Issues Projects Releases Wiki Activity

Added dropdown arrow to custom settings select component

Browse Source
This commit is contained in:
Sanne de Vries 2021-10-20 16:57:37 +02:00
parent 3f642eeb7c
commit 2c648fda34
2 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
ghost/admin/app/components/custom-theme-settings/select.hbs
View File

@ -4,13 +4,16 @@
{{humanize-setting-key @setting.key}}
</label>
<select class="ember-select" name={{this.selectName}} id={{this.selectId}} {{on "change" this.setSelection}}>
{{#each @setting.options as |settingOption|}}
<option value={{settingOption}} selected={{eq settingOption @setting.value}}>
{{settingOption}}
{{#if (eq settingOption @setting.default)}}(default){{/if}}
</option>
{{/each}}
</select>
<span class="gh-select">
<select class="ember-select" name={{this.selectName}} id={{this.selectId}} {{on "change" this.setSelection}}>
{{#each @setting.options as |settingOption|}}
<option value={{settingOption}} selected={{eq settingOption @setting.value}}>
{{settingOption}}
{{#if (eq settingOption @setting.default)}}(default){{/if}}
</option>
{{/each}}
</select>
{{svg-jar "arrow-down-small"}}
</span>
</div>
</div>

2
ghost/admin/app/styles/layouts/main.css
View File

@ -448,7 +448,7 @@
}
/* Icons */
.gh-nav-list svg {
.gh-nav-list svg:not(.gh-select svg):not(.gh-nav-button-expand svg) {
margin-right: 17px;
width: 16px;
height: 16px;