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-list-body">
<div class="gh-dashboard-attribution-list-scrollable"> <div class="gh-dashboard-attribution-list-scrollable">
{{#each @data.sources as |sourceData|}} {{#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"> <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> </div>
{{#if (eq @data.sortColumn "signups")}} {{#if (eq @data.sortColumn "signups")}}
<div class="gh-dashboard-list-item-sub"> <div class="gh-dashboard-list-item-sub">
@ -59,5 +59,6 @@
</div> </div>
<div class="modal-footer"> <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>
</div> </div>

View File

@ -754,6 +754,18 @@ Dashboard List */
overflow: hidden; 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 { .gh-dashboard-list-subtext {
font-weight: 500; font-weight: 500;
font-size: 1.4rem; font-size: 1.4rem;
@ -1234,7 +1246,7 @@ Dashboard Attribution */
} }
.gh-all-sources .modal-footer { .gh-all-sources .modal-footer {
display: none; margin-top: 0;
} }
.gh-all-sources .gh-dashboard-list-body:after { .gh-all-sources .gh-dashboard-list-body:after {