mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-28 22:43:30 +03:00
4e0473a93e
refs https://github.com/TryGhost/Team/issues/927 - added CTA `button and url inputs to email-cta card - added `textColorForBackgroundColor` color util and used it to add a white/black text color variable that can be used when the accent color is used as a background color - added `{{hex-adjust}}` helper for modifying lightness and saturation of a hex color - adjusted inline power-select dropdown styling
67 lines
2.3 KiB
Handlebars
67 lines
2.3 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}} {{if (and (feature "membersFiltering") (or (eq this.router.currentURL "/members") (eq this.router.currentURL "/members/import"))) "gh-main-fullwidth"}}" 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>
|
|
:root {
|
|
--accent-color: {{this.settings.accentColor}};
|
|
--adjusted-accent-color: {{this.ui.adjustedAccentColor}};
|
|
--text-color-for-adjusted-accent-background: {{this.ui.textColorForAdjustedAccentBackground}};
|
|
}
|
|
.koenig-editor__editor a:not([class]) {
|
|
color: var(--adjusted-accent-color);
|
|
}
|
|
.koenig-editor__editor blockquote {
|
|
border-left: 0.25rem solid var(--adjusted-accent-color);
|
|
}
|
|
|
|
.email-cta-button-text-input {
|
|
color: var(--text-color-for-adjusted-accent-background);
|
|
background-color: var(--adjusted-accent-color)
|
|
}
|
|
.email-cta-button-text-input:hover {
|
|
color: {{hex-adjust this.ui.textColorForAdjustedAccentBackground l=-15}};
|
|
background-color: {{hex-adjust this.settings.accentColor l=-15}}
|
|
}
|
|
.email-cta-button-text-input::placeholder {
|
|
{{!-- TODO: saturation adjustment for white/black doesn't work --}}
|
|
color: {{hex-adjust this.ui.textColorForAdjustedAccentBackground s=-15}}
|
|
}
|
|
</style>
|
|
{{/if}}
|
|
</GhApp>
|
|
|
|
<EmberLoadRemover /> |