Fixed feature image caption vs alt text spacing issue

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

View File

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

View File

@ -421,6 +421,17 @@
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 {
display: block;
width: 100%;
@ -539,8 +550,8 @@
}
.gh-editor-title::placeholder {
font-weight: 700;
color: var(--lightgrey-d1);
font-weight: 700;
opacity: 1;
}