From ed1433b8093f03d9eba519a6914a0d42508d2895 Mon Sep 17 00:00:00 2001
From: Peter Zimon <zimo@ghost.org>
Date: Fri, 4 Sep 2020 16:10:46 +0200
Subject: [PATCH] Added logic to custom portal icon delete

no refs.
- fixed issue that users can't reselect custom icon in portal by making the delete button only visible when the custom icon is selected
---
 ghost/admin/app/components/modal-members-modal-settings.hbs | 2 ++
 ghost/admin/app/styles/layouts/portal-settings.css          | 6 +++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/ghost/admin/app/components/modal-members-modal-settings.hbs b/ghost/admin/app/components/modal-members-modal-settings.hbs
index 896a000eed..64846291c9 100644
--- a/ghost/admin/app/components/modal-members-modal-settings.hbs
+++ b/ghost/admin/app/components/modal-members-modal-settings.hbs
@@ -206,9 +206,11 @@
                                                         alt="icon"
                                                         data-test-icon-img
                                                     >
+                                                    {{#if (eq this.buttonIcon this.customIcon)}}
                                                     <button type="button" class="gh-btn gh-btn-hover-red gh-portal-button-deleteicon" {{action "deleteCustomIcon"}}>
                                                         <span> {{svg-jar "trash" class="w5 h5"}} </span>
                                                     </button>
+                                                    {{/if}}
                                                 {{else}}
                                                     <button type="button" class="gh-btn gh-portal-button-uploadicon" onclick={{action "triggerFileDialog"}} data-test-image-upload-btn="icon">
                                                         <span>{{svg-jar "add" class="w5 h5"}}</span>
diff --git a/ghost/admin/app/styles/layouts/portal-settings.css b/ghost/admin/app/styles/layouts/portal-settings.css
index 3f0d7ac650..f6ba27420a 100644
--- a/ghost/admin/app/styles/layouts/portal-settings.css
+++ b/ghost/admin/app/styles/layouts/portal-settings.css
@@ -437,7 +437,11 @@
     width: 50px;
 }
 
-.gh-portal-custom-icon:hover .gh-portal-button-custom {
+.gh-portal-button-custom.selected-icon:hover {
+    box-shadow: 0px 0px 0px 1px color-mod(var(--blue) a(40%));
+}
+
+.gh-portal-custom-icon:hover .gh-portal-button-custom.selected-icon {
     display: none;
 }