From f8f1a66d77c850ef262414383b74b185fa4eb78f Mon Sep 17 00:00:00 2001
From: Djordje Vlaisavljevic <dzvlais@gmail.com>
Date: Thu, 18 May 2023 16:16:17 +0100
Subject: [PATCH] Updated feedback widget design on Post published

refs https://github.com/TryGhost/Team/issues/3244
---
 .../feedback-lexical/editor-dropdown.hbs        |  2 --
 .../feedback-lexical/post-complete-form.hbs     |  7 +++----
 .../admin/app/styles/components/publishmenu.css | 17 +++++++++--------
 3 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/ghost/admin/app/components/feedback-lexical/editor-dropdown.hbs b/ghost/admin/app/components/feedback-lexical/editor-dropdown.hbs
index 4c17567c89..ac6cc2f127 100644
--- a/ghost/admin/app/components/feedback-lexical/editor-dropdown.hbs
+++ b/ghost/admin/app/components/feedback-lexical/editor-dropdown.hbs
@@ -18,8 +18,6 @@
                 <header class="gh-editor-feedback-dropdown-header">
                     <h3>Editor beta feedback</h3>
                 </header>
-                {{!-- <button class="close" type="button" title="Close" {{on "click" (fn this.onCancel dd)}}>{{svg-jar "close"}}<span
-                        class="hidden">Close</span></button> --}}
 
                 <div class="">
                     <p>Have any issues? Feedback? Let us know!</p>
diff --git a/ghost/admin/app/components/feedback-lexical/post-complete-form.hbs b/ghost/admin/app/components/feedback-lexical/post-complete-form.hbs
index 5b6d15bda6..61b79254a4 100644
--- a/ghost/admin/app/components/feedback-lexical/post-complete-form.hbs
+++ b/ghost/admin/app/components/feedback-lexical/post-complete-form.hbs
@@ -1,10 +1,9 @@
-<div class="gh-feedback-grey">
-    <h4 class="gh-feedback-grey-title">Hey, noticed anything different?</h4>
-    <p>This post was successfully published using our new editor. Have any issues? Feedback? Let us know!</p>
+<div class="gh-feedback-lexical-published">
+    <h4 class="gh-feedback-lexical-published-title">Hey, noticed anything different?</h4>
+    <p>This post was successfully published using our new editor. Have any feedback? Let us know!</p>
     <FeedbackLexical::Textarea
         @feedbackMessage={{this.feedbackMessage}}
         @updateFeedbackMessage={{this.updateFeedbackMessage}}
-        @label="Feedback"
         @shouldFocus={{false}}
     />
     <FeedbackLexical::SendButton
diff --git a/ghost/admin/app/styles/components/publishmenu.css b/ghost/admin/app/styles/components/publishmenu.css
index ba9c41fe4e..b4c681f618 100644
--- a/ghost/admin/app/styles/components/publishmenu.css
+++ b/ghost/admin/app/styles/components/publishmenu.css
@@ -737,25 +737,26 @@
     justify-content: space-between;
 }
 
-.gh-feedback-grey {
-    background: var(--main-color-content-greybg);
-    padding: 24px;
-    border-radius: 3px;
+.gh-feedback-lexical-published {
     margin-bottom: 2.4rem;
 }
 
-.gh-post-bookmark-wrapper + .gh-feedback-grey {
+.gh-feedback-lexical-published .form-group, .gh-feedback-lexical-published textarea {
+    min-width: 100%;
+    max-width: 100%;
+}
+
+.gh-post-bookmark-wrapper + .gh-feedback-lexical-published {
     margin-bottom: 2.4rem;
 }
 
-.gh-feedback-grey .gh-feedback-grey-title {
+.gh-feedback-grey .gh-feedback-lexical-published-title {
     font-size: 1.8rem;
 }
 
-.gh-feedback-grey p {
+.gh-feedback-lexical-published p {
     font-size: 1.4rem;
     color: var(--midgrey);
-    max-width: 30em;
     margin-bottom: 0.8rem;
 }