Updated metadata description preview cutoff point across admin

This commit is contained in:
Sanne de Vries 2021-05-05 17:33:59 +02:00
parent cf215328a4
commit d47352fd29
4 changed files with 4 additions and 7 deletions

View File

@ -215,7 +215,7 @@
@focus-out={{action "setMetaDescription" this.metaDescriptionScratch}}
@stopEnterKeyDownPropagation="true"
data-test-field="meta-description" />
<p>Recommended: <b>156</b> characters. Youve used {{gh-count-down-characters this.metaDescriptionScratch 156}}</p>
<p>Recommended: <b>145</b> characters. Youve used {{gh-count-down-characters this.metaDescriptionScratch 145}}</p>
<GhErrorMessage @errors={{this.post.errors}} @property="meta-description" />
</GhFormGroup>
@ -242,7 +242,7 @@
</div>
<div class="gh-seo-preview-link">{{this.seoURL}}</div>
<div class="gh-seo-preview-title">{{truncate this.seoTitle 60}}</div>
<div class="gh-seo-preview-desc">{{this.seoDescription}}</div>
<div class="gh-seo-preview-desc">{{moment-format (now) "DD MMM YYYY"}}{{truncate this.seoDescription 149}}</div>
</div>
</div>
</div>

View File

@ -249,7 +249,7 @@
>{{@post.metaDescription}}</textarea>
{{else}}
<div class="gh-seo-preview-desc editable pointer" {{on "click" this.editMetaDescription}}>
{{moment-format (now) "DD MMM YYYY"}}{{truncate this.serpDescription 170}}
{{moment-format (now) "DD MMM YYYY"}}{{truncate this.serpDescription 149}}
</div>
{{/if}}
</div>

View File

@ -639,14 +639,11 @@
}
.gh-seo-preview-desc {
max-height: 45px;
overflow: hidden;
color: #4d5156;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 22px;
font-weight: 400;
text-overflow: ellipsis;
}
.gh-seo-preview-desc.editable:hover {

View File

@ -160,7 +160,7 @@
<div class="gh-seo-preview-link">{{this.config.blogDomain}}</div>
<div class="gh-seo-preview-title">{{or this.settings.metaTitle this.settings.title}}</div>
<div class="gh-seo-preview-desc">
{{moment-format (now) "DD MMM YYYY"}}{{truncate (or this.settings.metaDescription this.settings.description) 170}}
{{truncate (or this.settings.metaDescription this.settings.description) 159}}
</div>
</div>
</div>