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

Little tweaks for header settings panel and added add icon

Browse source 
refs https://github.com/TryGhost/Team/issues/1253
This commit is contained in:
James Morris 2021-12-15 19:09:01 +00:00
parent ffc22f520a
commit 47e77ddcdc
4 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ghost/admin/app/styles/patterns/buttons.css
View file

@ -487,6 +487,10 @@ Usage: CTA buttons grouped together horizontally.
stroke: none;
}
.gh-btn-group.small .gh-btn span {
font-size: 0.9rem;
}
.gh-btn-block + .gh-btn-block {
margin-top: 5px;
}

6
ghost/admin/lib/koenig-editor/addon/components/koenig-card-header.hbs
View file

@ -83,7 +83,7 @@
<div class="kg-settings-panel-control kg-settings-panel-control-horizontal">
<div class="kg-settings-panel-control-label">Style</div>
<div class="kg-settings-panel-control-input">
<div class="gh-btn-group icons">
<div class="gh-btn-group icons small">
<button type="button" class="gh-btn gh-btn-icon {{if (eq @payload.style "invert") "gh-btn-group-selected"}}" {{on "click" (fn this.setStyle "invert")}}><span>Invert</span></button>
<button type="button" class="gh-btn gh-btn-icon {{if (eq @payload.style "clear") "gh-btn-group-selected"}}" {{on "click" (fn this.setStyle "clear")}}><span>Clear</span></button>
<button type="button" class="gh-btn gh-btn-icon {{if (eq @payload.style "accent") "gh-btn-group-selected"}}" {{on "click" (fn this.setStyle "accent")}}><span>Accent</span></button>
@ -152,7 +152,7 @@
</div>
{{#if @payload.buttonEnabled}}
<div class="kg-settings-panel-control">
<label class="kg-settings-panel-control-label" for="header-button-input">Button text</label>
<label class="kg-settings-panel-control-label" for="header-button-input">Text</label>
<div class="kg-settings-panel-control-input">
<input
type="text"
@ -167,7 +167,7 @@
</div>
</div>
<div class="kg-settings-panel-control">
<label class="kg-settings-panel-control-label" for="header-url-input">Button URL</label>
<label class="kg-settings-panel-control-label" for="header-url-input">URL</label>
<div class="kg-settings-panel-control-input">
<input
type="text"

2
ghost/admin/lib/koenig-editor/addon/options/cards.js
View file

@ -262,7 +262,7 @@ export const CARD_MENU = [
isAvailable: 'feature.beforeAfterCard'
}, {
label: 'Header',
icon: 'koenig/kg-card-type-other',
icon: 'koenig/kg-card-type-header',
desc: 'Add a bold section header',
matches: ['header'],
type: 'card',

4
ghost/admin/lib/koenig-editor/public/icons/koenig/kg-card-type-header.svg Normal file
View file

@ -0,0 +1,4 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M29.5 0H2.5C1.11929 0 0 1.11929 0 2.5V29.5C0 30.8807 1.11929 32 2.5 32H29.5C30.8807 32 32 30.8807 32 29.5V2.5C32 1.11929 30.8807 0 29.5 0Z" fill="#FB2D8D"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 10C6 8.89543 6.89543 8 8 8H24C25.1046 8 26 8.89543 26 10V15C26 16.1046 25.1046 17 24 17H8C6.89543 17 6 16.1046 6 15V10ZM6 24C6 23.4477 6.44772 23 7 23H25C25.5523 23 26 23.4477 26 24C26 24.5523 25.5523 25 25 25H7C6.44772 25 6 24.5523 6 24ZM7 19C6.44772 19 6 19.4477 6 20C6 20.5523 6.44772 21 7 21H25C25.5523 21 26 20.5523 26 20C26 19.4477 25.5523 19 25 19H7Z" fill="white"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 695 B