mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-25 09:03:12 +03:00
3d16b95e0f
refs https://github.com/TryGhost/Team/issues/840 We wanted to switch to a settings menu that stays open to the right of the editor rather than a popover that blocks all other interaction with the post to solve two use-cases: 1. when editing it's fairly common to select some text from the post contents when setting excerpt and meta data text, with the previous design not letting you scroll or select whilst the menu got in the way of that 2. having the menu open with meta data visible before publishing can help you see everything is set as you want and help you feel confident when publishing/sending content --- - removed `psmRedesign` labs flag - swapped labs component/css for main component and deleted labs component - cleaned up now-unused `ui.showSettingsMenu` property and related actions/classes
49 lines
1.2 KiB
Handlebars
49 lines
1.2 KiB
Handlebars
<GhApp>
|
|
<GhSkipLink @anchor=".gh-main">Skip to main content</GhSkipLink>
|
|
|
|
<GhAlerts />
|
|
|
|
<div class="gh-viewport {{if this.ui.showMobileMenu 'mobile-menu-expanded'}}">
|
|
{{#if this.showNavMenu}}
|
|
<GhNavMenu />
|
|
{{/if}}
|
|
|
|
<main class="gh-main {{this.ui.mainClass}}" role="main">
|
|
{{outlet}}
|
|
|
|
{{#if this.showBilling}}
|
|
<GhBillingModal @billingWindowOpen={{this.billing.billingWindowOpen}} />
|
|
{{/if}}
|
|
|
|
</main>
|
|
|
|
<GhNotifications />
|
|
|
|
<GhContentCover />
|
|
|
|
<GhMobileNavBar />
|
|
|
|
<GhWhatsNew />
|
|
</div>{{!gh-viewport}}
|
|
|
|
{{#if this.customViews.showFormModal}}
|
|
<GhFullscreenModal
|
|
@modal="custom-view-form"
|
|
@close={{this.customViews.toggleFormModal}}
|
|
@modifier="action narrow"
|
|
/>
|
|
{{/if}}
|
|
|
|
{{#if this.settings.accentColor}}
|
|
<style>
|
|
.koenig-editor__editor a:not([class]) {
|
|
color: {{this.adjustedAccentColor}};
|
|
}
|
|
.koenig-editor__editor blockquote {
|
|
border-left: 0.25rem solid {{this.adjustedAccentColor}};
|
|
}
|
|
</style>
|
|
{{/if}}
|
|
</GhApp>
|
|
|
|
<EmberLoadRemover /> |