Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-20 22:42:53 -05:00
Code Issues Activity

Updated embedded MRR metric design

Browse source 
refs https://github.com/TryGhost/Team/issues/1932
This commit is contained in:
Djordje Vlaisavljevic 2022-09-23 12:50:03 +02:00 • committed by Rishabh Garg
parent 0be2191726
commit 4a8c9a530b
2 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ghost/admin/app/components/dashboard/charts/anchors.hbs
View file

@ -1,7 +1,7 @@
<section class="gh-dashboard-section gh-dashboard-anchor" {{did-insert this.loadCharts}}>
<article class="gh-dashboard-box">
{{#if this.hasPaidTiers}}
<div class="gh-dashboard-select-title">
<div class="gh-dashboard-select-title gh-dashboard-select-title-attribution">
<PowerSelect
@selected={{this.selectedDisplayOption}}
@options={{this.displayOptions}}

18
ghost/admin/app/styles/layouts/dashboard.css
View file

@ -361,6 +361,10 @@ Dashboard Layout */
z-index: 1;
}
.gh-dashboard-select-title-attribution {
z-index: 2;
}
.gh-dashboard-select-title .ember-power-select-selected-item {
font-size: 1.5rem;
letter-spacing: 0;
@ -628,13 +632,21 @@ Dashboard Metric */
}
.gh-dashboard-metric.is-embedded {
background: radial-gradient(#fff,hsla(0,0%,100%,.5686274509803921));
background: #fff;
z-index: 1;
margin-top: 4px;
align-self: flex-start;
padding-right: 24px;
padding-bottom: 16px;
padding: 8px 8px 8px 0;
opacity: 1;
border-radius: 3px;
}
.gh-dashboard-metric.is-embedded h5 {
display: none;
}
.gh-dashboard-metric.is-embedded .gh-dashboard-metric-value {
font-size: 2.4rem;
}
.gh-dashboard-hero.source-attribution:not(.is-solo) {