Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-27 22:49:56 -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}}> <section class="gh-dashboard-section gh-dashboard-anchor" {{did-insert this.loadCharts}}>
<article class="gh-dashboard-box"> <article class="gh-dashboard-box">
{{#if this.hasPaidTiers}} {{#if this.hasPaidTiers}}
<div class="gh-dashboard-select-title"> <div class="gh-dashboard-select-title gh-dashboard-select-title-attribution">
<PowerSelect <PowerSelect
@selected={{this.selectedDisplayOption}} @selected={{this.selectedDisplayOption}}
@options={{this.displayOptions}} @options={{this.displayOptions}}

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

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