Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

Email preview refinements

Browse source
This commit is contained in:
Peter Zimon 2019-11-06 15:58:01 +07:00
parent 6d0f8984af
commit c32c3ce444
3 changed files with 27 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
ghost/admin/app/styles/components/modals.css
View file

@ -206,22 +206,3 @@
margin-right: 10px;
}
}
/* Email preview modal
/* ---------------------------------------------------------- */
.fullscreen-modal-email-preview {
margin: 30px;
max-width: 100%;
}
.fullscreen-modal-email-preview .modal-content {
padding-bottom: 0;
overflow: hidden;
height: 100%;
}
.fullscreen-modal-email-preview .modal-body {
height: 100%;
margin: 0 -32px;
}

26
ghost/admin/app/styles/layouts/preview-email.css
View file

@ -1,3 +1,19 @@
.fullscreen-modal-email-preview {
margin: 30px;
max-width: 100%;
}
.fullscreen-modal-email-preview .modal-content {
padding-bottom: 0;
overflow: hidden;
height: 100%;
}
.fullscreen-modal-email-preview .modal-body {
height: 100%;
margin: 0 -32px;
}
.modal-preview-email-content {
height: calc(100vh - 170px);
}
@ -24,7 +40,7 @@
}
.gh-pe-header-border {
border-bottom: 1px solid var(--whitegrey-l1);
border-bottom: 1px solid var(--whitegrey);
}
.modal-content .gh-pe-close {
@ -63,6 +79,10 @@
max-height: 812px;
}
.fullscreen-modal-email-preview .gh-pe-desktop-container {
height: calc(100vh - 130px);
}
.gh-pe-mobile-bezel {
width: 100%;
max-width: 43vh;
@ -81,6 +101,10 @@
}
.gh-pe-iframe {
pointer-events: none !important;
}
.gh-pe-mobile-container .gh-pe-iframe {
height: 100%;
width: calc(43vh - 40px);
overflow-x: hidden;

4
ghost/admin/app/templates/components/modal-post-email-preview.hbs
View file

@ -19,7 +19,7 @@
</div>
{{/if}}
{{#if (eq type "desktop")}}
<div class="modal-body modal-preview-email-content">
<iframe class="bn miw-100" style="height:100%;" {{did-insert this.renderEmailPreview}}></iframe>
<div class="modal-body modal-preview-email-content gh-pe-desktop-container">
<iframe class="bn miw-100 gh-pe-iframe" style="height:100%;" {{did-insert this.renderEmailPreview}}></iframe>
</div>
{{/if}}