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

Added open/close animation for design settings sidebar groups

Browse source 
refs https://github.com/TryGhost/Team/issues/1149

- basic switch to `{{liquid-if}}` for animating the expand/collapse interaction
This commit is contained in:
Kevin Ansfield 2021-10-18 17:24:17 +01:00
parent 3f0dbb0e8b
commit 6dd1d058e5
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
ghost/admin/app/components/gh-nav-menu/design.hbs
View file

@ -10,13 +10,13 @@
<span class="gh-nav-button-expand">{{svg-jar (if isOpen "arrow-down-stroke" "arrow-right-stroke")}}</span> <span class="gh-nav-button-expand">{{svg-jar (if isOpen "arrow-down-stroke" "arrow-right-stroke")}}</span>
{{svg-jar "paintbrush"}}Brand {{svg-jar "paintbrush"}}Brand
</button> </button>
{{#if isOpen}} {{#liquid-if isOpen}}
<div class="gh-nav-design-settings"> <div class="gh-nav-design-settings">
<Settings::Design::GeneralSettingsForm <Settings::Design::GeneralSettingsForm
@updatePreview={{perform this.themeManagement.updatePreviewHtmlTask}} @updatePreview={{perform this.themeManagement.updatePreviewHtmlTask}}
/> />
</div> </div>
{{/if}} {{/liquid-if}}
{{/let}} {{/let}}
{{#each this.customThemeSettings.settingGroups as |group|}} {{#each this.customThemeSettings.settingGroups as |group|}}
@ -26,14 +26,14 @@
{{svg-jar group.icon}} {{group.name}} {{svg-jar group.icon}} {{group.name}}
</button> </button>
{{#if isOpen}} {{#liquid-if isOpen}}
<div class="gh-nav-design-settings"> <div class="gh-nav-design-settings">
<Settings::Design::ThemeSettingsForm <Settings::Design::ThemeSettingsForm
@themeSettings={{group.settings}} @themeSettings={{group.settings}}
@updatePreview={{perform this.themeManagement.updatePreviewHtmlTask}} @updatePreview={{perform this.themeManagement.updatePreviewHtmlTask}}
/> />
</div> </div>
{{/if}} {{/liquid-if}}
{{/let}} {{/let}}
{{/each}} {{/each}}
</div> </div>