Added an additional blockquote style

refs https://github.com/TryGhost/Team/issues/1239

Repeatedly clicking the quote icon in the editor toolbar or using the <kbd>Ctrl+Q</kbd> keyboard shortcut will cycle through standard-blockquote -> alternative-blockquot -> standard paragraph.
This commit is contained in:
Kevin Ansfield 2021-12-08 15:19:27 +00:00
parent e21bde39e1
commit 9218c72b86
3 changed files with 16 additions and 43 deletions

View File

@ -63,7 +63,6 @@ export default Service.extend({
audioCard: feature('audioCard'),
videoCard: feature('videoCard'),
productCard: feature('productCard'),
quoteStyles: feature('quoteStyles'),
beforeAfterCard: feature('beforeAfterCard'),
richTwitterNewsletters: feature('richTwitterNewsletters'),
tweetGridCard: feature('tweetGridCard'),

View File

@ -430,19 +430,6 @@
</div>
</div>
</div>
<div class="gh-expandable-block">
<div class="gh-expandable-header">
<div>
<h4 class="gh-expandable-title">Cardmageddon - Quote styles</h4>
<p class="gh-expandable-description">
Toggle through quote styles by clicking the quote toolbar icon
</p>
</div>
<div class="for-switch">
<GhFeatureFlag @flag="quoteStyles" />
</div>
</div>
</div>
<div class="gh-expandable-block">
<div class="gh-expandable-header">
<div>

View File

@ -45,35 +45,22 @@
<li class="ma0 ml1 mr1 lh-solid kg-action-bar-divider bg-darkgrey-l2 h5" role="separator"></li>
{{#unless this.basicOnly}}
{{#if feature.quoteStyles}}
<li class="ma0 lh-solid">
<button
type="button"
title="Quote"
class="dib dim-lite link h9 w9 nudge-top--1"
{{action "toggleQuoteSection"}}
>
{{#if this.activeSectionTagNames.isBlockquote}}
{{svg-jar "koenig/kg-quote-1" class="fill-green w4 h4"}}
{{else if this.activeSectionTagNames.isAside}}
{{svg-jar "koenig/kg-quote-2" class="fill-green w4 h4"}}
{{else}}
{{svg-jar "koenig/kg-quote" class="fill-white w4 h4"}}
{{/if}}
</button>
</li>
{{else}}
<li class="ma0 lh-solid">
<button
type="button"
title="Quote"
class="dib dim-lite link h9 w9 nudge-top--1"
{{action "toggleSection" "blockquote"}}
>
{{svg-jar "koenig/kg-quote" class=(concat (if this.activeSectionTagNames.isBlockquote "fill-green-l2" "fill-white") " w4 h4")}}
</button>
</li>
{{/if}}
<li class="ma0 lh-solid">
<button
type="button"
title="Quote"
class="dib dim-lite link h9 w9 nudge-top--1"
{{action "toggleQuoteSection"}}
>
{{#if this.activeSectionTagNames.isBlockquote}}
{{svg-jar "koenig/kg-quote-1" class="fill-green w4 h4"}}
{{else if this.activeSectionTagNames.isAside}}
{{svg-jar "koenig/kg-quote-2" class="fill-green w4 h4"}}
{{else}}
{{svg-jar "koenig/kg-quote" class="fill-white w4 h4"}}
{{/if}}
</button>
</li>
{{/unless}}
<li class="ma0 lh-solid">
<button