mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-02-24 23:48:13 -05:00
Fixed hover outline on inline image selector
refs https://github.com/TryGhost/Team/issues/1225 - static outline was removed but we were still showing an outline when hovered - added `media-card-placeholder` kg-style case that is the same as `media-card` but without the `kg-card-hover` class
This commit is contained in:
parent
bfa90a3b2b
commit
c1cae814e2
2 changed files with 4 additions and 1 deletions
|
@ -1,6 +1,6 @@
|
||||||
<KoenigCard
|
<KoenigCard
|
||||||
@tagName="figure"
|
@tagName="figure"
|
||||||
@class={{concat (kg-style "media-card") " " (kg-style "breakout" size=this.payload.cardWidth) " flex flex-column"}}
|
@class={{concat (kg-style (if (eq this.imageSelector.type "placeholder") "media-card-placeholder" "media-card")) " " (kg-style "breakout" size=this.payload.cardWidth) " flex flex-column"}}
|
||||||
@showSelectedOutline={{not-eq this.imageSelector.type "placeholder"}}
|
@showSelectedOutline={{not-eq this.imageSelector.type "placeholder"}}
|
||||||
@isSelected={{this.isSelected}}
|
@isSelected={{this.isSelected}}
|
||||||
@isEditing={{this.isEditing}}
|
@isEditing={{this.isEditing}}
|
||||||
|
|
|
@ -41,6 +41,9 @@ export function kgStyle([style], options) {
|
||||||
case 'media-card':
|
case 'media-card':
|
||||||
cssClass = `${pFontStyle} ma0 ba b--transparent kg-card-hover`;
|
cssClass = `${pFontStyle} ma0 ba b--transparent kg-card-hover`;
|
||||||
break;
|
break;
|
||||||
|
case 'media-card-placeholder':
|
||||||
|
cssClass = `${pFontStyle} ma0 ba b--transparent`;
|
||||||
|
break;
|
||||||
|
|
||||||
// Media styles & figure caption
|
// Media styles & figure caption
|
||||||
case 'image-normal':
|
case 'image-normal':
|
||||||
|
|
Loading…
Add table
Reference in a new issue