TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-01 13:54:35 +03:00
Code Issues Projects Releases Wiki Activity

Fixed feature image caption vs alt text spacing issue

Browse Source
This commit is contained in:
Sanne de Vries 2021-06-21 16:00:41 +02:00
parent e322709f95
commit 0744119299
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ghost/admin/app/components/gh-editor-feature-image.hbs
View File

@ -32,7 +32,7 @@
<input <input
type="text" type="text"
placeholder={{@altPlaceholder}} placeholder={{@altPlaceholder}}
class="w-100 bn form-text bg-transparent tracked-2" class="gh-editor-feature-image-alttext form-text bg-transparent"
name="alt" name="alt"
value={{@alt}} value={{@alt}}
{{autofocus}} {{autofocus}}
@ -42,7 +42,7 @@
<KoenigBasicHtmlInput <KoenigBasicHtmlInput
@html={{@caption}} @html={{@caption}}
@placeholder={{if this.captionInputFocused "" "Add a caption to the feature image"}} @placeholder={{if this.captionInputFocused "" "Add a caption to the feature image"}}
@class="w-100 mb2 bn form-text bg-transparent tracked-2" @class="w-100 bn form-text bg-transparent tracked-2"
@name="caption" @name="caption"
@onChange={{@updateCaption}} @onChange={{@updateCaption}}
@onFocus={{fn (mut this.captionInputFocused) true}} @onFocus={{fn (mut this.captionInputFocused) true}}

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

@ -421,6 +421,17 @@
fill: var(--black); fill: var(--black);
} }
.gh-editor-feature-image-alttext {
width: 100%;
margin: 0 0 1.7em;
padding: 0;
border-width: 0;
border-style: none;
font-size: 1.4rem;
line-height: 1.65;
letter-spacing: .04rem;
}
.gh-editor-title { .gh-editor-title {
display: block; display: block;
width: 100%; width: 100%;
@ -539,8 +550,8 @@
} }
.gh-editor-title::placeholder { .gh-editor-title::placeholder {
font-weight: 700;
color: var(--lightgrey-d1); color: var(--lightgrey-d1);
font-weight: 700;
opacity: 1; opacity: 1;
} }