TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-24 19:33:02 +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-right: 2em;
}
.kg-header-card-size-small {
.kg-header-card.kg-size-small {
padding-top: 1em;
padding-bottom: 1em;
}
.kg-header-card-size-medium {
.kg-header-card.kg-size-medium {
padding-top: 3em;
padding-bottom: 3em;
}
.kg-header-card-size-large {
.kg-header-card.kg-size-large {
padding-top: 7em;
padding-bottom: 7em;
}
.kg-header-card-alignment-left {
.kg-header-card.kg-align-left {
text-align: left;
}
.kg-header-card-alignment-center {
.kg-header-card.kg-align-center {
text-align: center;
}
.kg-header-card-style-clear {
.kg-header-card.kg-style-clear {
/* nothing here */
}
.kg-header-card-style-invert {
.kg-header-card.kg-style-invert {
background-color: black;
color: white;
}
.kg-header-card-style-accent {
.kg-header-card.kg-style-accent {
color: white;
background-color: var(--accent-color);
}
.kg-header-card-style-image {
.kg-header-card.kg-style-image {
background-size: cover;
background-position: center center;
}

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

@ -21,7 +21,7 @@
as |card|
>
{{#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
@html={{@payload.header}}
@placeholder="Header"
@ -177,7 +177,7 @@
{{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>
{{#if this.hasSubheader}}
<h3 class="kg-header-card-subheader">{{{@payload.subheader}}}</h3>