Ghost/ghost/admin/app/components/dashboard/v5/charts/email-open-rate.hbs
James Morris df30298651 More layout and chart adjustments to better improve the design
refs: https://github.com/TryGhost/Team/issues/1462

- added back in the main title to the top chart
- brought back the main metric background and centered buttons
- adjusted lots of spacing
- made the chart ticks for main graph dynamic
- improved the look of the breakdown graph
2022-04-13 15:27:42 +01:00

29 lines
1.1 KiB
Handlebars

<section class="gh-dashboard5-section gh-dashboard5-email-open-rate" {{did-insert this.loadCharts}}>
<article class="gh-dashboard5-box">
<Dashboard::v5::Parts::Metric
@label="Email open rate"
@value="{{this.currentOpenRate}}%"
/>
<div class="gh-dashboard5-chart">
{{#if this.loading}}
<div class="gh-dashboard5-chart-loading" style={{html-safe (concat "height: " this.chartHeight "px;")}}/>
{{else}}
<div class="gh-dashboard5-chart-ticks">
<span>100%</span>
<span>75%</span>
<span>50%</span>
<span>25%</span>
</div>
<div class="gh-dashboard5-chart-container">
<EmberChart
@type={{this.chartType}}
@data={{this.chartData}}
@options={{this.chartOptions}}
@height={{this.chartHeight}} />
</div>
{{/if}}
</div>
</article>
</section>