Updated email CTA toolbar

Refs https://github.com/TryGhost/Team/issues/1007
This commit is contained in:
Sanne de Vries 2021-08-25 11:55:10 +02:00
parent 43f49da2d5
commit debb081c61
2 changed files with 7 additions and 7 deletions

View File

@ -994,15 +994,15 @@ figure {
}
.email-cta-toolbar .borders {
margin-right: 1.2rem;
margin-right: 1rem;
border-right: 1px solid var(--whitegrey-d2);
border-radius: 0;
}
.gh-btn-group.email-cta-align {
background: none;
margin-right: 1.2rem;
padding-right: 1.2rem;
margin-right: 1rem;
padding-right: 1rem;
border-right: 1px solid var(--whitegrey-d2);
}
@ -1015,7 +1015,7 @@ figure {
}
.gh-btn-group.email-cta-align .gh-btn-group-selected svg {
fill: var(--green);
fill: var(--green-d1);
}
.gh-btn-group.email-cta-align .gh-btn svg {
@ -1024,7 +1024,7 @@ figure {
}
.gh-btn.email-cta-toolbar-item {
margin-right: 1.2rem;
margin-right: 1rem;
box-shadow: none;
}

View File

@ -73,7 +73,7 @@
<form class="email-cta-toolbar">
<div class="borders">
<button type="button" title="Add dividers" class="gh-btn gh-btn-white gh-btn-icon email-cta-toolbar-item {{if @payload.showDividers "fill-green-l2"}}" {{on "click" this.toggleDividers}}><span>{{svg-jar "dividers"}}</span></button>
<button type="button" title="Add dividers" class="gh-btn gh-btn-white gh-btn-icon email-cta-toolbar-item {{if @payload.showDividers "fill-green-d1"}}" {{on "click" this.toggleDividers}}><span>{{svg-jar "dividers"}}</span></button>
</div>
<div class="gh-btn-group icons email-cta-align">
@ -81,7 +81,7 @@
<button type="button" title="Center-align content" class="gh-btn gh-btn-icon {{if (eq @payload.alignment "center") "gh-btn-group-selected"}}" {{on "click" (fn this.setAlignment "center")}}><span>{{svg-jar "align-center"}}</span></button>
</div>
<button type="button" title="Add button" class="gh-btn gh-btn-white gh-btn-icon email-cta-toolbar-item {{if @payload.showButton "fill-green-l2"}}" {{on "click" this.toggleButton}}><span>{{svg-jar "button"}}</span></button>
<button type="button" title="Add button" class="gh-btn gh-btn-white gh-btn-icon email-cta-toolbar-item {{if @payload.showButton "fill-green-d1"}}" {{on "click" this.toggleButton}}><span>{{svg-jar "button"}}</span></button>
{{#if @payload.showButton}}
<label for="button-text-input" class="sr-only">CTA button text</label>