TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-28 22:43:30 +03:00
Code Issues Projects Releases Wiki Activity

Fixed alignment of preview modes in editor

Browse Source 
Refs https://github.com/TryGhost/Team/issues/1621
This commit is contained in:
Sanne de Vries 2022-05-12 14:43:16 +01:00
parent a6b4dbc353
commit 07628be22b
2 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ghost/admin/app/components/editor-labs/modals/preview.hbs
View File

@ -1,6 +1,6 @@
<div class="flex flex-column h-100">
<header class="modal-header gh-post-preview-header" data-test-modal="preview-email">
<div>
<div class="left">
<button class="gh-editor-back-button" title="Close" type="button" {{on "click" @close}}>
<span>{{svg-jar "arrow-left"}} Editor</span>
</button>
@ -17,7 +17,7 @@
<button type="button" class="gh-btn {{if (eq this.tab "social") "gh-btn-group-selected"}} gh-post-preview-mode" {{on "click" (fn this.changeTab "social")}}><span>{{svg-jar "twitter"}}</span></button>
</div>
</div>
<div class="flex">
<div class="right">
<button
type="button"
class="gh-btn gh-editor-preview-trigger active"

13
ghost/admin/app/styles/layouts/post-preview.css
View File

@ -14,16 +14,15 @@
background: var(--white);
}
.gh-post-preview-header h2 {
flex: 1;
margin: 0;
margin-right: auto;
.gh-post-preview-header .left {
position: absolute;
left: 0;
}
.gh-post-preview-btn-group {
.gh-post-preview-header .right {
position: absolute;
right: 0;
display: flex;
flex-grow: 1;
justify-content: center;
}
.gh-post-preview-btn-group .gh-btn-group {