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

Updated header card class names

Browse Source 
refs https://github.com/TryGhost/Team/issues/1253
This commit is contained in:
Thibaut Patel 2021-12-14 18:40:44 +01:00
parent 804da37926
commit e1bbc63bb3
2 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
ghost/admin/app/styles/components/koenig.css
View File

@ -1988,36 +1988,36 @@ button.emoji-picker__category-button.active {
padding-left: 2em; padding-left: 2em;
padding-right: 2em; padding-right: 2em;
} }
.kg-header-card-size-small { .kg-header-card.kg-size-small {
padding-top: 1em; padding-top: 1em;
padding-bottom: 1em; padding-bottom: 1em;
} }
.kg-header-card-size-medium { .kg-header-card.kg-size-medium {
padding-top: 3em; padding-top: 3em;
padding-bottom: 3em; padding-bottom: 3em;
} }
.kg-header-card-size-large { .kg-header-card.kg-size-large {
padding-top: 7em; padding-top: 7em;
padding-bottom: 7em; padding-bottom: 7em;
} }
.kg-header-card-alignment-left { .kg-header-card.kg-align-left {
text-align: left; text-align: left;
} }
.kg-header-card-alignment-center { .kg-header-card.kg-align-center {
text-align: center; text-align: center;
} }
.kg-header-card-style-clear { .kg-header-card.kg-style-clear {
/* nothing here */ /* nothing here */
} }
.kg-header-card-style-invert { .kg-header-card.kg-style-invert {
background-color: black; background-color: black;
color: white; color: white;
} }
.kg-header-card-style-accent { .kg-header-card.kg-style-accent {
color: white; color: white;
background-color: var(--accent-color); background-color: var(--accent-color);
} }
.kg-header-card-style-image { .kg-header-card.kg-style-image {
background-size: cover; background-size: cover;
background-position: center center; background-position: center center;
} }

4
ghost/admin/lib/koenig-editor/addon/components/koenig-card-header.hbs
View File

@ -21,7 +21,7 @@
as |card| as |card|
> >
{{#if @isEditing}} {{#if @isEditing}}
<div class="kg-header-card kg-header-card-size-{{@payload.size}} kg-header-card-alignment-{{@payload.alignment}} kg-header-card-style-{{@payload.style}}" style="{{if (eq @payload.style "image") this.backgroundImageStyle}}"> <div class="kg-header-card kg-size-{{@payload.size}} kg-align-{{@payload.alignment}} kg-style-{{@payload.style}}" style="{{if (eq @payload.style "image") this.backgroundImageStyle}}">
<KoenigBasicHtmlInput <KoenigBasicHtmlInput
@html={{@payload.header}} @html={{@payload.header}}
@placeholder="Header" @placeholder="Header"
@ -177,7 +177,7 @@
{{else}} {{else}}
<div class="kg-header-card kg-header-card-size-{{@payload.size}} kg-header-card-alignment-{{@payload.alignment}} kg-header-card-style-{{@payload.style}}" style="{{if (eq @payload.style "image") this.backgroundImageStyle}}"> <div class="kg-header-card kg-size-{{@payload.size}} kg-align-{{@payload.alignment}} kg-style-{{@payload.style}}" style="{{if (eq @payload.style "image") this.backgroundImageStyle}}">
<h2 class="kg-header-card-header">{{{@payload.header}}}</h2> <h2 class="kg-header-card-header">{{{@payload.header}}}</h2>
{{#if this.hasSubheader}} {{#if this.hasSubheader}}
<h3 class="kg-header-card-subheader">{{{@payload.subheader}}}</h3> <h3 class="kg-header-card-subheader">{{{@payload.subheader}}}</h3>