mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-02 08:13:34 +03:00
14c0c5ff65
refs https://github.com/TryGhost/Team/issues/1310 We want to use parts of the "Brand setting" form in a separate streamlined settings screen after site setup but that wasn't possible without a lot of duplication. - extracted individual form fields into separate components for re-use - included minor refactors like using `uploader.registerFileInput` and `uploader.triggerFileDialog` instead of continually duplicating the same file input trigger method - fixed accessibility issues - changed input titles from `<div>` to `<label>` and associated with the component's input fields - changed `<img {{on "click" upload}}>` to `<input type="image">` so they act as proper buttons and are linked to the label (required a styling change so `img` and `input[type="image"]` are treated equally) - finished cleanup of `.description-container-labs` by renaming to `.description-container`
20 lines
972 B
Handlebars
20 lines
972 B
Handlebars
<div ...attributes>
|
|
<div class="flex-grow-1">
|
|
<label class="gh-setting-title" for="site-description">Site description</label>
|
|
<div class="gh-setting-desc mb3">Used in your theme, meta data and search results</div>
|
|
<div class="gh-setting-action" data-test-setting="description">
|
|
<GhFormGroup @errors={{this.settings.errors}} @hasValidated={{this.settings.hasValidated}} @property="description" @class="description-container">
|
|
<input
|
|
id="site-description"
|
|
type="text"
|
|
class="gh-input"
|
|
value={{this.settings.description}}
|
|
{{on "input" this.update}}
|
|
{{on "blur" this.validate}}
|
|
date-test-input="siteDescription"
|
|
>
|
|
<GhErrorMessage @errors={{this.settings.errors}} @property="description"/>
|
|
</GhFormGroup>
|
|
</div>
|
|
</div>
|
|
</div> |