From 8fc797609de6b674a20877ce2c24bd363a304bfd Mon Sep 17 00:00:00 2001
From: Sanne de Vries <sannedv@protonmail.com>
Date: Tue, 26 Apr 2022 17:53:52 +0100
Subject: [PATCH] Updated newsletter dropdown in publish-menu

Refs https://www.notion.so/ghost/Pre-5-0-V1-multiple-newsletter-release-49fa1b62b8e840e29dca32d79ef201f5#952519fa03de408ca6f2ab9a4c754daa
---
 .../app/components/gh-publishmenu-draft.hbs   |  3 ++-
 .../app/styles/components/publishmenu.css     | 21 +++++++++++++++++++
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/ghost/admin/app/components/gh-publishmenu-draft.hbs b/ghost/admin/app/components/gh-publishmenu-draft.hbs
index 316abdeb6b..65912aaa95 100644
--- a/ghost/admin/app/components/gh-publishmenu-draft.hbs
+++ b/ghost/admin/app/components/gh-publishmenu-draft.hbs
@@ -63,12 +63,13 @@
                                 <div class="form-group">
                                     {{#if (and (feature "multipleNewsletters") (gt @availableNewsletters.length 1))}}
                                         <div class="mb3">
-                                            <p>Newsletter</p>
                                             <PowerSelect
                                                 @selected={{@selectedNewsletter}}
                                                 @options={{@availableNewsletters}}
                                                 @onChange={{@selectNewsletter}}
                                                 @triggerComponent="gh-power-select/trigger"
+                                                @triggerClass="gh-publishmenu-newsletter-trigger"
+                                                @dropdownClass="gh-publishmenu-newsletter-dropdown"
                                                 @renderInPlace={{true}}
                                                 as |newsletter|
                                             >
diff --git a/ghost/admin/app/styles/components/publishmenu.css b/ghost/admin/app/styles/components/publishmenu.css
index 4f1993ccb4..94ff07fbc9 100644
--- a/ghost/admin/app/styles/components/publishmenu.css
+++ b/ghost/admin/app/styles/components/publishmenu.css
@@ -357,6 +357,27 @@
     color: var(--midgrey) !important;
 }
 
+.gh-publishmenu-newsletter-trigger {
+    padding: 7px 10px;
+}
+
+.gh-publishmenu-newsletter-trigger svg {
+    position: absolute;
+    top: 50%;
+    right: 10px;
+}
+
+.gh-publishmenu-newsletter-trigger svg {
+    position: absolute;
+    top: 50%;
+    right: 10px;
+}
+
+.gh-publishmenu-newsletter-dropdown .ember-power-select-option[aria-selected="true"] {
+    color: var(--black);
+    font-weight: 600;
+}
+
 
 /* Publish Page (Labs)
 /* ---------------------------------------------------------- */