mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-29 07:09:48 +03:00
Rearranged accent color in settings
no refs. - moved accent color setting to section top in Settings/General according to its importance
This commit is contained in:
parent
2e72d43dd8
commit
8ac4e5ab47
@ -99,7 +99,32 @@
|
|||||||
|
|
||||||
<div class="gh-setting-header">Publication identity</div>
|
<div class="gh-setting-header">Publication identity</div>
|
||||||
<div class="flex flex-column br3 shadow-1 bg-grouped-table pa5">
|
<div class="flex flex-column br3 shadow-1 bg-grouped-table pa5">
|
||||||
<div class="gh-setting-first" data-test-setting="icon">
|
{{#if this.config.enableDeveloperExperiments}}
|
||||||
|
<div class="gh-setting-first" data-test-setting="accent-color">
|
||||||
|
<div class="gh-setting-content">
|
||||||
|
<div class="gh-setting-title">Accent Color</div>
|
||||||
|
<div class="gh-setting-desc">Primary color used in your publication theme</div>
|
||||||
|
</div>
|
||||||
|
<div class="gh-setting-action">
|
||||||
|
<GhFormGroup @errors={{settings.errors}} @hasValidated={{settings.hasValidated}} @property="accentColor" @class="input-color-form-group">
|
||||||
|
<div class="input-color">
|
||||||
|
<GhTextInput
|
||||||
|
@name="accent-color"
|
||||||
|
@placeholder="abcdef"
|
||||||
|
@autocorrect="off"
|
||||||
|
@maxlength="6"
|
||||||
|
@focus-out={{action "validateAccentColor"}}
|
||||||
|
@value={{accentColor}}
|
||||||
|
data-test-input="accentColor"
|
||||||
|
/>
|
||||||
|
<div class="color-box" style={{this.backgroundStyle}}></div>
|
||||||
|
</div>
|
||||||
|
<GhErrorMessage @errors={{settings.errors}} @property="accentColor" data-test-error="accentColor" />
|
||||||
|
</GhFormGroup>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{/if}}
|
||||||
|
<div class="{{if this.config.enableDeveloperExperiments "gh-setting" "gh-setting-first"}}" data-test-setting="icon">
|
||||||
<GhUploader
|
<GhUploader
|
||||||
@extensions={{this.iconExtensions}}
|
@extensions={{this.iconExtensions}}
|
||||||
@paramsHash={{hash purpose="icon"}}
|
@paramsHash={{hash purpose="icon"}}
|
||||||
@ -164,31 +189,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</GhUploader>
|
</GhUploader>
|
||||||
</div>
|
</div>
|
||||||
{{#if this.config.enableDeveloperExperiments}}
|
|
||||||
<div class="gh-setting" data-test-setting="accent-color">
|
|
||||||
<div class="gh-setting-content">
|
|
||||||
<div class="gh-setting-title">Accent Color</div>
|
|
||||||
<div class="gh-setting-desc">Primary color used in your publication theme</div>
|
|
||||||
</div>
|
|
||||||
<div class="gh-setting-action">
|
|
||||||
<GhFormGroup @errors={{settings.errors}} @hasValidated={{settings.hasValidated}} @property="accentColor" @class="input-color-form-group">
|
|
||||||
<div class="input-color">
|
|
||||||
<GhTextInput
|
|
||||||
@name="accent-color"
|
|
||||||
@placeholder="abcdef"
|
|
||||||
@autocorrect="off"
|
|
||||||
@maxlength="6"
|
|
||||||
@focus-out={{action "validateAccentColor"}}
|
|
||||||
@value={{accentColor}}
|
|
||||||
data-test-input="accentColor"
|
|
||||||
/>
|
|
||||||
<div class="color-box" style={{this.backgroundStyle}}></div>
|
|
||||||
</div>
|
|
||||||
<GhErrorMessage @errors={{settings.errors}} @property="accentColor" data-test-error="accentColor" />
|
|
||||||
</GhFormGroup>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{{/if}}
|
|
||||||
<div class="gh-setting-last" data-test-setting="coverImage">
|
<div class="gh-setting-last" data-test-setting="coverImage">
|
||||||
<GhUploader
|
<GhUploader
|
||||||
@extensions={{this.imageExtensions}}
|
@extensions={{this.imageExtensions}}
|
||||||
|
Loading…
Reference in New Issue
Block a user