Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

Koenig - Styled HTML card edit mode

Browse source 
refs https://github.com/TryGhost/Ghost/issues/9505
This commit is contained in:
Zimo 2018-04-25 13:15:50 +02:00 • committed by Kevin Ansfield
parent ae92b92175
commit e253174506
3 changed files with 29 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
ghost/admin/app/styles/components/koenig-content.css
View file

@ -405,6 +405,7 @@
/* Code /* Code
/* ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ */
.koenig-card-html--editor .CodeMirror,
.koenig-editor__editor code, .koenig-editor__editor code,
.koenig-editor__editor pre { .koenig-editor__editor pre {
font-family: Consolas,Liberation Mono,Menlo,Courier,monospace; font-family: Consolas,Liberation Mono,Menlo,Courier,monospace;
@ -478,6 +479,10 @@
/* HTML editor /* HTML editor
/* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */
.koenig-card-html-rendered > :nth-child(2) {
margin: 0;
}
.koenig-card-html--editor pre { .koenig-card-html--editor pre {
border: none; border: none;
background: none; background: none;
@ -486,6 +491,20 @@
line-height: 1.4em; line-height: 1.4em;
} }
.koenig-card-html--editor .CodeMirror {
border: none;
}
.koenig-card-html--editor .CodeMirror-linenumber {
padding: 12px 3px 0 5px;
color: var(--midlightgrey);
}
.koenig-card-html--editor .CodeMirror-gutters {
border: none;
background: none;
}
/* Table /* Table
/* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */
@ -493,6 +512,9 @@
.koenig-editor__editor table { .koenig-editor__editor table {
font-size: 1.75rem; font-size: 1.75rem;
margin: 0; margin: 0;
font-family: georgia,serif;
letter-spacing: .02rem;
line-height: 1.6em;
} }
.koenig-editor__editor table tr td, .koenig-editor__editor table tr td,

3
ghost/admin/lib/koenig-editor/addon/templates/components/koenig-card-html.hbs
View file

@ -1,5 +1,6 @@
{{#koenig-card {{#koenig-card
class=(concat (kg-style "media-card") " mih10 miw-100 relative") icon="koenig/card-indicator-html"
class=(concat (kg-style "container-card") " mih10 miw-100 relative koenig-card-html-rendered")
toolbar=toolbar toolbar=toolbar
isSelected=isSelected isSelected=isSelected
isEditing=isEditing isEditing=isEditing

5
ghost/admin/lib/koenig-editor/public/icons/koenig/card-indicator-html.svg Normal file
View file

@ -0,0 +1,5 @@
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<path d="M1 12V7M4 12V7M1 9.472h2.364M14 12V7l-1.5 2.472L11 7v5M19 12h-2.5V7M7.5 12V7M6 7h3" stroke="#9BAEB8" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 307 B