Updated feedback form copy

refs #3252
This commit is contained in:
Djordje Vlaisavljevic 2023-05-22 21:36:57 +01:00
parent 3e12c0ea54
commit 4af604a04f
7 changed files with 22 additions and 7 deletions

View File

@ -20,11 +20,12 @@
</header>
<div class="">
<p>Have any issues? Feedback? Let us know!</p>
{{!-- <p>Have any issues? Feedback? Let us know!</p> --}}
<FeedbackLexical::Textarea
@feedbackMessage={{this.feedbackMessage}}
@updateFeedbackMessage={{this.updateFeedbackMessage}}
@shouldFocus={{true}}
@placeholder="Have any issues? Feedback? Let us know!"
/>
</div>

View File

@ -1,8 +1,10 @@
<h4 class="gh-feedback-lexical-labs-heading">Thanks for trying our new editor</h4>
<FeedbackLexical::Textarea
@feedbackMessage={{this.feedbackMessage}}
@updateFeedbackMessage={{this.updateFeedbackMessage}}
@label="Have any issues? Feedback? Let us know below!"
@label="Thanks for trying our new editor"
@shouldFocus={{false}}
@placeholder="How did it go? Did you have any issues?"
/>
<FeedbackLexical::SendButton

View File

@ -1,12 +1,12 @@
<div class="gh-feedback-lexical-published">
<h4 class="gh-feedback-lexical-published-title">Hey, noticed anything different?</h4>
<h4 class="gh-feedback-lexical-published-title">Thanks for trying our new editor</h4>
{{!-- <p>Editor beta feedback</p> --}}
<FeedbackLexical::Textarea
@feedbackMessage={{this.feedbackMessage}}
@updateFeedbackMessage={{this.updateFeedbackMessage}}
@shouldFocus={{false}}
@label="Editor beta feedback"
@placeholder="This post was published using the new Ghost editor beta. How did it go? Did you have any issues?"
@placeholder="How did it go? Did you have any issues?"
/>
<FeedbackLexical::SendButton
@feedbackMessage={{this.feedbackMessage}}

View File

@ -1,7 +1,7 @@
<form>
<GhFormGroup>
{{#if @label}}
<label for="feedback-lexical">{{@label}}</label>
<label for="feedback-lexical" class="sr-only">{{@label}}</label>
{{/if}}
<GhTextarea
@id="feedback-lexical"

View File

@ -738,13 +738,17 @@
justify-content: space-between;
}
.gh-feedback-lexical-published .form-group {
margin-bottom: 1.6rem;
}
.gh-feedback-lexical-published .form-group, .gh-feedback-lexical-published textarea {
min-width: 100%;
max-width: 100%;
}
.gh-feedback-grey .gh-feedback-lexical-published-title {
font-size: 1.8rem;
.gh-feedback-lexical-published-title {
margin-bottom: 12px;
}
.gh-feedback-lexical-published p {
@ -754,6 +758,7 @@
}
.gh-feedback-lexical-published-back {
width: max-content;
display: block;
margin-top: 1rem;
height: 40px;

View File

@ -419,6 +419,7 @@
.gh-editor-feedback-dropdown-header h3 {
font-size: 1.9rem;
font-weight: 600;
margin-bottom: 16px;
}
.gh-editor-feedback-dropdown p {

View File

@ -526,4 +526,10 @@ p.gh-content-import-errordetail:first-of-type {
.gh-feedback-lexical-labs .form-group {
margin-top: 0.8rem;
margin-bottom: 1rem;
}
.gh-feedback-lexical-labs-heading {
font-size: 1.3rem;
font-weight: 500;
margin-top: 8px;
}