OpenSourceArk/Ghost
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refined details for new publish flow (#20761)

Browse Source 
DES-686

Typography for the new modal was a bit off, needed refinement.
This commit is contained in:
Peter Zimon 2024-08-15 14:54:50 +02:00 committed by GitHub
parent d86bcd2873
commit 46f93ad555
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ghost/admin/app/components/modal-post-success.hbs
View File

@ -66,7 +66,7 @@
{{#if (or this.post.hasEmail this.post.willEmail)}} {{#if (or this.post.hasEmail this.post.willEmail)}}
{{#let (members-count-fetcher query=(hash filter=this.post.fullRecipientFilter)) as |countFetcher|}} {{#let (members-count-fetcher query=(hash filter=this.post.fullRecipientFilter)) as |countFetcher|}}
<strong> <strong class="nowrap">
{{if (eq @recipientType "all") "all"}} {{if (eq @recipientType "all") "all"}}
{{format-number countFetcher.count}} {{format-number countFetcher.count}}

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

@ -885,8 +885,8 @@
/* ---------------------------------------------------------- */ /* ---------------------------------------------------------- */
.modal-post-success { .modal-post-success {
max-width: 640px; max-width: 600px;
--padding: 40px; --padding: 36px;
--radius: 12px; --radius: 12px;
} }
@ -917,7 +917,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 0; margin: 0;
font-size: 3.6rem; font-size: 3.2rem;
font-weight: 700; font-weight: 700;
letter-spacing: -0.03em; letter-spacing: -0.03em;
} }
@ -927,10 +927,15 @@
} }
.modal-post-success .modal-body { .modal-post-success .modal-body {
margin-top: 16px; margin-top: 10px;
font-size: 1.8rem; font-size: 1.6rem;
line-height: 1.4; line-height: 1.4;
letter-spacing: -0.002em; letter-spacing: -0.01em;
text-wrap: pretty;
}
.modal-post-success .modal-body strong.nowrap {
text-wrap: nowrap;
} }
.modal-post-success .modal-footer { .modal-post-success .modal-footer {
@ -940,7 +945,7 @@
.modal-post-success .modal-footer .gh-btn { .modal-post-success .modal-footer .gh-btn {
min-width: 64px; min-width: 64px;
height: 44px; height: 40px;
border-radius: 4px; border-radius: 4px;
} }
@ -950,7 +955,7 @@
.modal-post-success .modal-footer .gh-btn span { .modal-post-success .modal-footer .gh-btn span {
padding-inline: 18px; padding-inline: 18px;
font-size: 1.6rem; font-size: 1.4rem;
} }
.modal-post-success .modal-footer .gh-btn-primary { .modal-post-success .modal-footer .gh-btn-primary {