TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-27 18:52:14 +03:00
Code Issues Projects Releases Wiki Activity

Adjusted subtitle field styling

Browse Source 
closes https://linear.app/tryghost/issue/MOM-181
closes https://linear.app/tryghost/issue/MOM-183

- adjusted subtitle font sizing to be more in harmony with body font
- moved error to be underneath the divider line
This commit is contained in:
Kevin Ansfield 2024-06-03 16:15:58 +01:00
parent d94a4c581f
commit 77afd0a47e
2 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
ghost/admin/app/components/gh-koenig-editor-lexical.hbs
View File

@ -71,11 +71,6 @@
@didCreateTextarea={{this.registerSubtitleElement}}
data-test-textarea="subtitle"
/>
{{#if @excerptErrorMessage}}
<div class="gh-editor-subtitle-error" data-test-error="subtitle">
{{@excerptErrorMessage}}
</div>
{{/if}}
{{#if @excerptHasTk}}
<div
class="tk-indicator tk-indicator-subtitle"
@ -85,8 +80,13 @@
TK
</div>
{{/if}}
</div>
<hr class="gh-editor-title-divider {{if @excerptErrorMessage "gh-editor-title-divider-error" ""}}">
{{#if @excerptErrorMessage}}
<div class="gh-editor-subtitle-error" data-test-error="subtitle">
{{@excerptErrorMessage}}
</div>
{{/if}}
</div>
{{/if}}
</div>

7
ghost/admin/app/styles/layouts/editor.css
View File

@ -799,9 +799,9 @@ body[data-user-is-dragging] .gh-editor-feature-image-dropzone {
border: none;
background: transparent;
color: var(--darkgrey);
font-size: 1.9rem;
font-size: 2.0rem;
font-weight: 440;
line-height: 1.4em;
line-height: 1.5em;
letter-spacing: -.018em;
overflow: hidden;
box-shadow: none;
@ -814,6 +814,7 @@ body[data-user-is-dragging] .gh-editor-feature-image-dropzone {
.gh-editor-subtitle-error {
margin-top: .8rem;
margin-bottom: 4.8rem;
color: var(--red-d1);
font-size: 1.4rem;
font-weight: 400;
@ -824,7 +825,7 @@ body[data-user-is-dragging] .gh-editor-feature-image-dropzone {
}
.gh-editor-title-divider-error {
margin: .4rem 0 4.8rem;
margin: 1.6rem 0 0;
border-top: 1px solid var(--red);
}