mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-25 11:55:03 +03:00
Renamed the header styles
refs https://github.com/TryGhost/Team/issues/1253 - The naming is easier to understand for theme developers
This commit is contained in:
parent
83cbc6e72a
commit
5056401c13
@ -1062,6 +1062,6 @@ input:focus,
|
||||
border-color: var(--midlightgrey);
|
||||
}
|
||||
|
||||
.kg-header-card.kg-style-invert {
|
||||
.kg-header-card.kg-style-dark {
|
||||
background: #08090C;
|
||||
}
|
@ -2068,17 +2068,17 @@ button.emoji-picker__category-button.active {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.kg-header-card.kg-style-invert {
|
||||
.kg-header-card.kg-style-dark {
|
||||
background: #15171A ;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.kg-header-card.kg-style-clear {
|
||||
.kg-header-card.kg-style-light {
|
||||
background-color: #fafafb;
|
||||
}
|
||||
|
||||
.kg-header-card.kg-style-clear h2,
|
||||
.kg-header-card.kg-style-clear h3 {
|
||||
.kg-header-card.kg-style-light h2,
|
||||
.kg-header-card.kg-style-light h3 {
|
||||
color: #15171A !important;
|
||||
}
|
||||
|
||||
@ -2146,8 +2146,8 @@ button.emoji-picker__category-button.active {
|
||||
line-height: 1.35em;
|
||||
}
|
||||
|
||||
.kg-header-card:not(.kg-style-clear) h2,
|
||||
.kg-header-card:not(.kg-style-clear) h3 {
|
||||
.kg-header-card:not(.kg-style-light) h2,
|
||||
.kg-header-card:not(.kg-style-light) h3 {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@ -2196,7 +2196,7 @@ button.emoji-picker__category-button.active {
|
||||
padding: 0 28px;
|
||||
}
|
||||
|
||||
.kg-style-clear .kg-header-card-button {
|
||||
.kg-style-light .kg-header-card-button {
|
||||
background-color: var(--accent-color) !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
@ -2245,7 +2245,7 @@ button.emoji-picker__category-button.active {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.kg-header-card.kg-style-clear .__mobiledoc-editor.__has-no-content:after {
|
||||
.kg-header-card.kg-style-light .__mobiledoc-editor.__has-no-content:after {
|
||||
color: #15171A !important;
|
||||
}
|
||||
|
||||
|
@ -65,8 +65,8 @@
|
||||
<div class="kg-settings-panel-control-label">Style</div>
|
||||
<div class="kg-settings-panel-control-input">
|
||||
<div class="gh-btn-group kg-settings-headerstyle-btn-group">
|
||||
<button type="button" class="gh-btn kg-headerstyle-btn-dark {{if (eq @payload.style "invert") "gh-btn-group-selected"}}" {{on "click" (fn this.setStyle "invert")}}></button>
|
||||
<button type="button" class="gh-btn kg-headerstyle-btn-light {{if (eq @payload.style "clear") "gh-btn-group-selected"}}" {{on "click" (fn this.setStyle "clear")}}></button>
|
||||
<button type="button" class="gh-btn kg-headerstyle-btn-dark {{if (eq @payload.style "dark") "gh-btn-group-selected"}}" {{on "click" (fn this.setStyle "dark")}}></button>
|
||||
<button type="button" class="gh-btn kg-headerstyle-btn-light {{if (eq @payload.style "light") "gh-btn-group-selected"}}" {{on "click" (fn this.setStyle "light")}}></button>
|
||||
<button type="button" class="gh-btn kg-headerstyle-btn-accent {{if (eq @payload.style "accent") "gh-btn-group-selected"}}" {{on "click" (fn this.setStyle "accent")}}></button>
|
||||
<button type="button" class="gh-btn kg-headerstyle-btn-image {{if (eq @payload.style "image") "gh-btn-group-selected"}}" {{on "click" (fn this.setStyle "image")}}>{{svg-jar "plus"}}</button>
|
||||
</div>
|
||||
|
@ -68,7 +68,7 @@ export default class KoenigCardHeaderComponent extends Component {
|
||||
|
||||
const payloadDefaults = {
|
||||
size: 'small',
|
||||
style: 'invert',
|
||||
style: 'dark',
|
||||
buttonEnabled: false
|
||||
};
|
||||
|
||||
@ -231,7 +231,7 @@ export default class KoenigCardHeaderComponent extends Component {
|
||||
|
||||
@action
|
||||
setStyle(style) {
|
||||
if (['invert', 'clear', 'accent', 'image'].includes(style)) {
|
||||
if (['dark', 'light', 'accent', 'image'].includes(style)) {
|
||||
this._updatePayloadAttr('style', style);
|
||||
if (style === 'image' && !this.args.payload.backgroundImageSrc) {
|
||||
this.triggerFileDialog();
|
||||
|
@ -36,7 +36,7 @@
|
||||
"@tryghost/color-utils": "0.1.5",
|
||||
"@tryghost/helpers": "1.1.54",
|
||||
"@tryghost/kg-clean-basic-html": "2.2.5",
|
||||
"@tryghost/kg-parser-plugins": "2.11.0",
|
||||
"@tryghost/kg-parser-plugins": "2.11.1",
|
||||
"@tryghost/limit-service": "1.0.0",
|
||||
"@tryghost/members-csv": "1.1.8",
|
||||
"@tryghost/mobiledoc-kit": "0.12.5-ghost.1",
|
||||
|
@ -1943,10 +1943,10 @@
|
||||
resolved "https://registry.yarnpkg.com/@tryghost/kg-clean-basic-html/-/kg-clean-basic-html-2.2.5.tgz#40f0b328a0339d96f1bbb0daed4de4df28a17a30"
|
||||
integrity sha512-zZu8KbRulRSx1GUTeSUCYYMk5RB5/T3FFuObbw0TmJPym+3h5uEwk76mHg4WpBl6nDkly6G/iI1ZpapUz6E/OQ==
|
||||
|
||||
"@tryghost/kg-parser-plugins@2.11.0":
|
||||
version "2.11.0"
|
||||
resolved "https://registry.yarnpkg.com/@tryghost/kg-parser-plugins/-/kg-parser-plugins-2.11.0.tgz#881d37265a27cd680a394d1d1d44e861d91545a6"
|
||||
integrity sha512-yg+G3yM2Pr7TKt2lSwCikGHjOYYWovXe8m6t0pScryf/4Q4HPGlpn9MzW4FnNL6m7NtZuWaJLQfhgl1UskiqwA==
|
||||
"@tryghost/kg-parser-plugins@2.11.1":
|
||||
version "2.11.1"
|
||||
resolved "https://registry.yarnpkg.com/@tryghost/kg-parser-plugins/-/kg-parser-plugins-2.11.1.tgz#7c0a17d190b6f821e833c7c65c0bb9b6c3f25621"
|
||||
integrity sha512-J4KyhfTI3oP+pU9CxZfwgxu3gyI6Q871EeIayPDDR+Madlczk+64I8YBc51wTWcKgBSSGivfRI6NM7As32rt+w==
|
||||
dependencies:
|
||||
"@tryghost/kg-clean-basic-html" "^2.2.5"
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user