Deemphasized unavailable sources and added an explainer

refs https://github.com/TryGhost/Team/issues/1986
This commit is contained in:
Djordje Vlaisavljevic 2022-10-04 13:29:11 +02:00
parent d8193da005
commit b15451dfa6
2 changed files with 16 additions and 3 deletions

View File

@ -18,9 +18,9 @@
<div class="gh-dashboard-list-body">
<div class="gh-dashboard-attribution-list-scrollable">
{{#each @data.sources as |sourceData|}}
<div class="gh-dashboard-list-item">
<div class="gh-dashboard-list-item {{if (eq sourceData.source "Unavailable") "gh-dashboard-list-item-deemphasized"}}">
<div class="gh-dashboard-list-item-sub gh-dashboard-list-item-sub-source">
<span class="gh-dashboard-list-text">{{sourceData.source}}</span>
<span class="gh-dashboard-list-text">{{sourceData.source}}<sup>*</sup></span>
</div>
{{#if (eq @data.sortColumn "signups")}}
<div class="gh-dashboard-list-item-sub">
@ -59,5 +59,6 @@
</div>
<div class="modal-footer">
<p class="gh-dashboard-attribution-footnote"><sup>*</sup>{{if (eq @data.sortColumn "paid") "Paid subscriptions" "Members"}} created during this time period that do not have attribution data associated with them.</p>
</div>
</div>

View File

@ -754,6 +754,18 @@ Dashboard List */
overflow: hidden;
}
.gh-dashboard-list-item sup {
display: none;
}
.gh-dashboard-list-item-deemphasized span {
color: var(--midlightgrey);
}
.gh-dashboard-list-item-deemphasized sup {
display: inline;
}
.gh-dashboard-list-subtext {
font-weight: 500;
font-size: 1.4rem;
@ -1234,7 +1246,7 @@ Dashboard Attribution */
}
.gh-all-sources .modal-footer {
display: none;
margin-top: 0;
}
.gh-all-sources .gh-dashboard-list-body:after {