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

Updated preview modal trigger styling in editor

Browse source
This commit is contained in:
Sanne de Vries 2021-02-08 12:50:40 +01:00
parent 06bb047d2d
commit 37556aa432
2 changed files with 23 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
ghost/admin/app/styles/layouts/editor.css
View file

@ -416,6 +416,28 @@
letter-spacing: .2px; letter-spacing: .2px;
} }
.gh-editor-preview-trigger {
background: var(--white);
font-size: 1.35rem;
font-weight: 500;
color: var(--green-d1);
letter-spacing: 0.2px;
height: 33px;
padding: 5px 12px 6px;
margin-right: 8px;
outline: none;
border: none;
border-radius: 3px;
white-space: nowrap;
transition: all 0.25s ease;
}
.gh-editor-preview-trigger:hover {
cursor: pointer;
color: var(--green-d1);
background: var(--whitegrey);
}
.gh-editor-wordcount { .gh-editor-wordcount {
position: fixed; position: fixed;
bottom: 0; bottom: 0;

2
ghost/admin/app/templates/editor.hbs
View file

@ -42,7 +42,7 @@
{{#unless this.post.isNew}} {{#unless this.post.isNew}}
{{#if this.post.isDraft}} {{#if this.post.isDraft}}
<div> <div>
<button type="button" class="gh-contentfilter-menu-trigger mr3" {{on "click" (action "togglePostPreviewModal")}}> <button type="button" class="gh-editor-preview-trigger" {{on "click" (action "togglePostPreviewModal")}}>
<span>Preview</span> <span>Preview</span>
</button> </button>
</div> </div>