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 Unsplash integration to appear on post title hover

Browse source
This commit is contained in:
Sanne de Vries 2021-07-14 09:50:59 +01:00
parent fed040010d
commit 53d76da054
2 changed files with 6 additions and 8 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

@ -64,9 +64,7 @@
{{!-- 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}}>{{svg-jar "plus"}}<span>Add feature image</span></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> <button type="button" class="gh-editor-feature-image-unsplash" {{on "click" this.toggleUnsplashSelector}}>{{svg-jar "unsplash"}}</button>
{{/if}}
</div> </div>
{{/if}} {{/if}}

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

@ -442,14 +442,14 @@
.gh-editor-feature-image-add-button { .gh-editor-feature-image-add-button {
display: flex; display: flex;
align-items: center; align-items: center;
color: var(--midgrey-d1); color: var(--midgrey-l2);
font-size: 1.4rem; font-size: 1.35rem;
font-weight: 400; 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(--darkgrey-l2); color: var(--midgrey-d2);
} }
.gh-editor-feature-image-add-button svg { .gh-editor-feature-image-add-button svg {
@ -459,12 +459,12 @@
} }
.gh-editor-feature-image-add-button svg path { .gh-editor-feature-image-add-button svg path {
stroke: var(--midgrey-d1); stroke: var(--midgrey-l2);
stroke-width: 2; stroke-width: 2;
} }
.gh-editor-feature-image-add-button:hover svg path { .gh-editor-feature-image-add-button:hover svg path {
stroke: var(--darkgrey-l2); stroke: var(--midgrey-d2);
} }
.gh-editor-feature-image-unsplash { .gh-editor-feature-image-unsplash {