Ghost/ghost/admin/app/components/modal-branding.hbs
Kevin Ansfield 905df906da Fixed double-load of front-end when opening brand settings
no issue

- moved `.site-iframe` styling into CSS files so it can be re-used outside of the `<GhSiteIframe>` component
- swapped `<GhSiteIframe>` usage in brand settings modal for a plain `<iframe>` element so that it's not initially rendered with the front-end url in it's `src` attribute
2021-03-02 17:44:53 +00:00

41 lines
1.5 KiB
Handlebars

<div class="modal-body gh-ps-modal-body">
<div class="gh-branding-settings-header">
<h4>Branding</h4>
<div class="gh-branding-settings-actions">
<button
class="gh-btn mr3"
{{on "click" (action "closeModal")}}
{{!-- disable mouseDown so it doesn't trigger focus-out validations --}}
{{on "mousedown" (optional this.noop)}}
data-test-button="cancel-custom-view-form"
>
<span>Cancel</span>
</button>
<GhTaskButton
@buttonText="Save and close"
@successText="Saved"
@task={{this.saveTask}}
@idleClass="gh-btn-primary"
@class="gh-btn gh-btn-icon"
data-test-button="save-members-modal-setting"
/>
</div>
</div>
<div class="gh-branding-settings">
<section class="gh-branding-settings-options">
<GhBrandSettingsForm @replacePreviewContents={{this.replacePreviewContents}} />
</section>
<section class="gh-branding-settings-right">
<GhBrowserPreview class="gh-branding-settings-previewcontainer" @icon={{this.settings.icon}} @title={{this.config.blogTitle}}>
<iframe
id="site=frame"
class="site-frame gh-branding-settings-preview"
{{did-insert this.registerPreviewIframe}}
></iframe>
</GhBrowserPreview>
</section>
</div>
</div>