Updated feedback widget design on Post published

refs #3244
This commit is contained in:
Djordje Vlaisavljevic 2023-05-19 15:06:23 +01:00
parent b99a9299cc
commit b489986edc
2 changed files with 28 additions and 18 deletions

View File

@ -98,7 +98,10 @@
{{else}} {{else}}
{{#if (feature 'lexicalEditor')}} {{#if (feature 'lexicalEditor')}}
<FeedbackLexical::PostCompleteForm @post={{@publishOptions.post}} /> <FeedbackLexical::PostCompleteForm @post={{@publishOptions.post}} />
<LinkTo @route="dashboard" class="gh-feedback-lexical-published-back">Back to dashboard</LinkTo>
{{!-- <button class="gh-feedback-lexical-published-back"type="button">Back to dashboard</button> --}}
{{/if}} {{/if}}
{{#unless (feature 'lexicalEditor')}}
<p class="gh-publish-confirmation gh-publish-confirmation-with-feedback"> <p class="gh-publish-confirmation gh-publish-confirmation-with-feedback">
<button <button
type="button" type="button"
@ -109,6 +112,7 @@
<span>Back to editor</span> <span>Back to editor</span>
</button> </button>
</p> </p>
{{/unless}}
{{/if}} {{/if}}
{{/if}} {{/if}}
{{/let}} {{/let}}

View File

@ -737,19 +737,11 @@
justify-content: space-between; justify-content: space-between;
} }
.gh-feedback-lexical-published {
margin-bottom: 2.4rem;
}
.gh-feedback-lexical-published .form-group, .gh-feedback-lexical-published textarea { .gh-feedback-lexical-published .form-group, .gh-feedback-lexical-published textarea {
min-width: 100%; min-width: 100%;
max-width: 100%; max-width: 100%;
} }
.gh-post-bookmark-wrapper + .gh-feedback-lexical-published {
margin-bottom: 2.4rem;
}
.gh-feedback-grey .gh-feedback-lexical-published-title { .gh-feedback-grey .gh-feedback-lexical-published-title {
font-size: 1.8rem; font-size: 1.8rem;
} }
@ -760,6 +752,20 @@
margin-bottom: 0.8rem; margin-bottom: 0.8rem;
} }
.gh-feedback-lexical-published-back {
display: block;
margin-top: 1rem;
height: 40px;
color: #7c8b9a;
font-size: 1.35rem;
font-weight: 400;
line-height: 40px;
letter-spacing: .4px;
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
}
.gh-publish-confirmation-feedback { .gh-publish-confirmation-feedback {
color: var(--green); color: var(--green);
font-size: 1.6rem; font-size: 1.6rem;