TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-23 22:11:09 +03:00
Code Issues Projects Releases Wiki Activity

Added basic styles to the announcement editor

Browse Source 
refs https://github.com/TryGhost/Team/issues/3026
This commit is contained in:
Sodbileg Gansukh 2023-04-18 14:02:51 +01:00
parent 932bfef27a
commit 7e349d0bf8
2 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ghost/admin/app/components/custom-theme-settings/announcement.hbs
View File

@ -5,8 +5,8 @@
</label> </label>
<div class="gh-announcement-editor"> <div class="gh-announcement-editor">
<KoenigLexicalEditorInput <KoenigLexicalEditorInput
@placeholderText="Enter text" @placeholderText="Breaking news, a big story, a special offer, or any other message"
@html={{'<p><span>check</span> <a href="https://ghost.org/changelog/markdown/" dir="ltr"><span data-lexical-text="true">ghost.org/changelog/markdown/</span></a></p>'}} @html={{'<p></p>'}}
@onChangeHtml={{this.onChangeHtml}} @onChangeHtml={{this.onChangeHtml}}
/> />
</div> </div>

24
ghost/admin/app/styles/layouts/settings.css
View File

@ -3684,3 +3684,27 @@ p.theme-validation-details {
margin-left: 8px; margin-left: 8px;
background: var(--whitegrey); background: var(--whitegrey);
} }
/* Announcement bar */
.gh-announcement-editor {
height: 120px;
padding: 6px 12px 6px 12px;
border: 1px solid var(--whitegrey-d1);
background: var(--white);
border-radius: 4px;
word-break: break-word;
}
.gh-announcement-editor .koenig-lexical *,
.gh-announcement-editor .koenig-lexical-editor-input-placeholder {
font-family: var(--font-family) !important;
font-size: 1.4rem !important;
line-height: 1.5em !important;
}
.gh-announcement-editor .koenig-lexical a {
display: inline;
padding: 0;
height: auto;
}