Ghost/ghost/admin/app/templates/application.hbs
Kevin Ansfield ed48cd6e3a Refactored custom-view-form modal
refs https://github.com/TryGhost/Team/issues/559
refs https://github.com/TryGhost/Admin/pull/2227

- updated modal component to use newer ember-promise-modals modals implementation
  - removed use of "delayedColor" properties as the workaround for liquid-fire based animation is no longer required
  - added `validate` action to remove need for `{{action}}` - we can't call the `validate()` method directly from the template because it's not bound correctly with `@action` and binding it breaks other code that expects `_super()` for the validate method to work via the mixin (eg, staff invite modal)
- removed `customViews.toggleFormModal()`` and changed `customViews.editView()` to open the modal directly
  - updated templates to use `{{on "click" this.customViews.editView}}` in place of toggling the "showFormModal" property
2022-01-31 10:41:57 +00:00

55 lines
1.4 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 />
</div>
{{#if this.settings.accentColor}}
<style>
:root {
--accent-color: {{this.settings.accentColor}};
--adjusted-accent-color: {{this.ui.adjustedAccentColor}};
}
.koenig-editor__editor a:not([class]) {
color: var(--adjusted-accent-color);
}
.koenig-editor__editor blockquote {
border-left: 0.25rem solid var(--adjusted-accent-color);
}
.gh-btn-accent {
background-color: var(--adjusted-accent-color);
color: #fff;
}
.gh-btn-accent:hover {
background-color: {{hex-adjust this.ui.adjustedAccentColor l=-15}};
color: #fff;
}
</style>
{{/if}}
</GhApp>
<EpmModalContainer />
<EmberLoadRemover />