OpenSourceArk/Ghost
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated feature image button in editor

Browse Source
This commit is contained in:
Sanne de Vries 2021-06-21 16:27:09 +02:00
parent 2770c73bab
commit 81bfc3c6f6
2 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ghost/admin/app/components/gh-editor-feature-image.hbs
View File

@ -60,7 +60,7 @@
{{else}}
{{!-- no-image state --}}
<div class="flex flex-row items-center {{if this.hideButton "invisible"}}">
<button type="button" class="gh-editor-feature-image-add-button" {{on "click" uploader.triggerFileDialog}}>+ Add feature image</button>
<button type="button" class="gh-editor-feature-image-add-button" {{on "click" uploader.triggerFileDialog}}>{{svg-jar "plus"}}<span>Add feature image</span></button>
{{#if this.isHovered}}
<button type="button" class="gh-editor-feature-image-unsplash" {{on "click" this.toggleUnsplashSelector}}>{{svg-jar "unsplash"}}</button>
{{/if}}

21
ghost/admin/app/styles/layouts/editor.css
View File

@ -396,14 +396,31 @@
}
.gh-editor-feature-image-add-button {
display: flex;
align-items: center;
color: var(--midgrey-d1);
font-size: 1.4rem;
font-weight: 500;
font-weight: 400;
letter-spacing: .2px;
}
.gh-editor-feature-image-add-button:hover {
color: var(--green-d1);
color: var(--darkgrey-l2);
}
.gh-editor-feature-image-add-button svg {
width: 12px;
height: auto;
margin-right: 6px;
}
.gh-editor-feature-image-add-button svg path {
stroke: var(--midgrey-d1);
stroke-width: 2;
}
.gh-editor-feature-image-add-button:hover svg path {
stroke: var(--darkgrey-l2);
}
.gh-editor-feature-image-unsplash {