From b933a5e82f60354b2761d6ac79629201170577dd Mon Sep 17 00:00:00 2001
From: Sanne de Vries <sannedv@protonmail.com>
Date: Tue, 8 Jun 2021 09:38:38 +0200
Subject: [PATCH] Updated header img uploader and disabled states in email
 design settings

---
 .../components/modal-email-design-settings-labs.hbs    |  2 +-
 ghost/admin/app/styles/components/modals.css           | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/ghost/admin/app/components/modal-email-design-settings-labs.hbs b/ghost/admin/app/components/modal-email-design-settings-labs.hbs
index 2b7cd7dd08..dc13f50265 100644
--- a/ghost/admin/app/components/modal-email-design-settings-labs.hbs
+++ b/ghost/admin/app/components/modal-email-design-settings-labs.hbs
@@ -75,7 +75,7 @@
                         </GhFormGroup>
 
                         <GhFormGroup>
-                            <h4 class="modal-fullsettings-title">Show publication icon</h4>
+                            <h4 class="modal-fullsettings-title {{if (not this.settings.icon) "disabled"}}">Show publication icon</h4>
                             <div class="for-switch small {{if (not this.settings.icon) "disabled"}}">
                                 <label class="switch" for="show-header">
                                     <input
diff --git a/ghost/admin/app/styles/components/modals.css b/ghost/admin/app/styles/components/modals.css
index a28560a914..ea8bda7892 100644
--- a/ghost/admin/app/styles/components/modals.css
+++ b/ghost/admin/app/styles/components/modals.css
@@ -393,6 +393,10 @@
     margin: 0 12px 0 0;
 }
 
+.labs-newsletter-settings .modal-fullsettings-title.disabled {
+    opacity: .5;
+}
+
 .labs-newsletter-settings .modal-fullsettings-uploader {
     display: flex;
     align-items: center;
@@ -430,13 +434,13 @@
 }
 
 .labs-newsletter-settings .gh-header-img-container {
-    height: 44px;
+    height: 50px;
 }
 
 .labs-newsletter-settings .gh-header-img-thumbnail {
     display: inline-block;
     width: 56px;
-    height: 44px;
+    height: 50px;
     margin: 0 11px 0 0;
     border: 1px solid var(--whitegrey);
     cursor: pointer;
@@ -453,7 +457,7 @@
     position: absolute;
     left: 4px;
     width: 56px;
-    height: 44px;
+    height: 50px;
     background: var(--black) !important;
     opacity: 0;
 }