mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-01-05 09:50:34 +03:00
595018098d
refs https://github.com/TryGhost/Team/issues/1130 - added `ui.contextualNavMenu` property that when set will switch the main nav menu between components, if it's not set then it will show the default "main" menu component - added `design` menu sub-component of `gh-nav-menu` ready for use via `contextualNavMenu` - moved sidebar contents from the design modal into this component - updated design route to set/reset `ui.contextualNavMenu` to `design` on entering/leaving the route - all other design routes are sub-routes so this works across all other design screens - moved base design modal preview into the `settings/design/index` controller/template - using index means that it's the default screen for `/settings/design` but will be automatically replaced by any other `design.x` routes - moved `design/advanced` modal content into the `settings.design.advanced` controller/template and removed the modal handling from the route
26 lines
1.2 KiB
Handlebars
26 lines
1.2 KiB
Handlebars
<section class="gh-canvas relative w-100">
|
|
<GhCanvasHeader class="gh-canvas-header">
|
|
<h2 class="gh-canvas-title">{{this.config.blogTitle}}</h2>
|
|
<section class="view-actions">
|
|
<div class="gh-contentfilter gh-btn-group">
|
|
<button type="button" class="gh-btn gh-design-preview-mode gh-btn-group-selected"><span>{{svg-jar "desktop"}}</span></button>
|
|
<button type="button" class="gh-btn gh-design-preview-mode"><span>{{svg-jar "mobile-phone"}}</span></button>
|
|
</div>
|
|
|
|
<GhTaskButton
|
|
@buttonText="Save changes"
|
|
@task={{@data.saveTask}}
|
|
@successText="Saved"
|
|
@runningText="Saving"
|
|
@class="gh-btn gh-btn-primary gh-btn-icon"
|
|
data-test-button="save-settings"
|
|
/>
|
|
</section>
|
|
</GhCanvasHeader>
|
|
|
|
<div style="height: calc(100% - 96px)">
|
|
<GhBrowserPreview @icon={{this.settings.icon}} @title={{this.config.blogTitle}}>
|
|
<GhHtmlIframe id="site-frame" class="site-frame gh-branding-settings-preview" @html={{this.themeManagement.previewHtml}} />
|
|
</GhBrowserPreview>
|
|
</div>
|
|
</section> |