TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-25 03:44:29 +03:00
Code Issues Projects Releases Wiki Activity

Updated feedback widget design on Post published

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
ghost/admin/app/components/editor/modals/publish-flow/complete.hbs
View File

@ -98,17 +98,21 @@
{{else}}
{{#if (feature 'lexicalEditor')}}
<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}}
<p class="gh-publish-confirmation gh-publish-confirmation-with-feedback">
<button
type="button"
class="gh-back-to-editor"
{{on "click" @close}}
data-test-button="back-to-editor"
>
<span>Back to editor</span>
</button>
</p>
{{#unless (feature 'lexicalEditor')}}
<p class="gh-publish-confirmation gh-publish-confirmation-with-feedback">
<button
type="button"
class="gh-back-to-editor"
{{on "click" @close}}
data-test-button="back-to-editor"
>
<span>Back to editor</span>
</button>
</p>
{{/unless}}
{{/if}}
{{/if}}
{{/let}}

22
ghost/admin/app/styles/components/publishmenu.css
View File

@ -737,19 +737,11 @@
justify-content: space-between;
}
.gh-feedback-lexical-published {
margin-bottom: 2.4rem;
}
.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-lexical-published-title {
font-size: 1.8rem;
}
@ -760,6 +752,20 @@
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 {
color: var(--green);
font-size: 1.6rem;