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 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}} {{else}}
{{!-- no-image state --}} {{!-- no-image state --}}
<div class="flex flex-row items-center {{if this.hideButton "invisible"}}"> <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}} {{#if this.isHovered}}
<button type="button" class="gh-editor-feature-image-unsplash" {{on "click" this.toggleUnsplashSelector}}>{{svg-jar "unsplash"}}</button> <button type="button" class="gh-editor-feature-image-unsplash" {{on "click" this.toggleUnsplashSelector}}>{{svg-jar "unsplash"}}</button>
{{/if}} {{/if}}

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

@ -396,14 +396,31 @@
} }
.gh-editor-feature-image-add-button { .gh-editor-feature-image-add-button {
display: flex;
align-items: center;
color: var(--midgrey-d1); color: var(--midgrey-d1);
font-size: 1.4rem; font-size: 1.4rem;
font-weight: 500; font-weight: 400;
letter-spacing: .2px; letter-spacing: .2px;
} }
.gh-editor-feature-image-add-button:hover { .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 { .gh-editor-feature-image-unsplash {