Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-10 23:36:14 -05:00
Code Issues Activity

Updated feedback widget design on Post published

Browse source 
refs https://github.com/TryGhost/Team/issues/3244
This commit is contained in:
Djordje Vlaisavljevic 2023-05-18 16:16:17 +01:00
parent 14ce57fa2b
commit f8f1a66d77
3 changed files with 12 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ghost/admin/app/components/feedback-lexical/editor-dropdown.hbs
View file

@ -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>

7
ghost/admin/app/components/feedback-lexical/post-complete-form.hbs
View file

@ -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

17
ghost/admin/app/styles/components/publishmenu.css
View file

@ -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;
}