From 53d76da05429fb0a019017d552271ad80aaf4e10 Mon Sep 17 00:00:00 2001
From: Sanne de Vries <sannedv@protonmail.com>
Date: Wed, 14 Jul 2021 09:50:59 +0100
Subject: [PATCH] Updated feature image Unsplash integration to appear on post
 title hover

---
 ghost/admin/app/components/gh-editor-feature-image.hbs |  4 +---
 ghost/admin/app/styles/layouts/editor.css              | 10 +++++-----
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/ghost/admin/app/components/gh-editor-feature-image.hbs b/ghost/admin/app/components/gh-editor-feature-image.hbs
index 65ffa066e6..0a0048e41e 100644
--- a/ghost/admin/app/components/gh-editor-feature-image.hbs
+++ b/ghost/admin/app/components/gh-editor-feature-image.hbs
@@ -64,9 +64,7 @@
             {{!-- 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}}>{{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}}
+                <button type="button" class="gh-editor-feature-image-unsplash" {{on "click" this.toggleUnsplashSelector}}>{{svg-jar "unsplash"}}</button>
             </div>
         {{/if}}
 
diff --git a/ghost/admin/app/styles/layouts/editor.css b/ghost/admin/app/styles/layouts/editor.css
index 318ce51cdc..455cbc1330 100644
--- a/ghost/admin/app/styles/layouts/editor.css
+++ b/ghost/admin/app/styles/layouts/editor.css
@@ -442,14 +442,14 @@
 .gh-editor-feature-image-add-button {
     display: flex;
     align-items: center;
-    color: var(--midgrey-d1);
-    font-size: 1.4rem;
+    color: var(--midgrey-l2);
+    font-size: 1.35rem;
     font-weight: 400;
     letter-spacing: .2px;
 }
 
 .gh-editor-feature-image-add-button:hover {
-    color: var(--darkgrey-l2);
+    color: var(--midgrey-d2);
 }
 
 .gh-editor-feature-image-add-button svg {
@@ -459,12 +459,12 @@
 }
 
 .gh-editor-feature-image-add-button svg path {
-    stroke: var(--midgrey-d1);
+    stroke: var(--midgrey-l2);
     stroke-width: 2;
 }
 
 .gh-editor-feature-image-add-button:hover svg path {
-    stroke: var(--darkgrey-l2);
+    stroke: var(--midgrey-d2);
 }
 
 .gh-editor-feature-image-unsplash {