Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-17 23:44:39 -05:00
Code Issues Activity

Minor dashboard UI refinements

Browse source
This commit is contained in:
Peter Zimon 2022-05-13 11:04:58 +02:00
parent bd2485c8da
commit 3ba3e34ab4
2 changed files with 27 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ghost/admin/app/components/dashboard/v5/charts/recents.hbs
View file

@ -31,7 +31,7 @@
</div> </div>
{{#if this.areNewslettersEnabled}} {{#if this.areNewslettersEnabled}}
<div class="gh-dashboard5-list-item-sub"> <div class="gh-dashboard5-list-item-sub">
<span class="gh-dashboard5-metric-minivalue"> <span class="gh-dashboard5-metric-minivalue {{unless post.email "na"}}">
{{#if post.email}} {{#if post.email}}
{{format-number post.email.emailCount}} {{format-number post.email.emailCount}}
{{else}} {{else}}
@ -45,7 +45,7 @@
<span class="gh-dashboard5-metric-minivalue">{{post.email.openRate}}%</span> <span class="gh-dashboard5-metric-minivalue">{{post.email.openRate}}%</span>
<span class="gh-dashboard5-rate-amount"><span style={{html-safe (concat "width: " post.email.openRate "%;")}}/></span> <span class="gh-dashboard5-rate-amount"><span style={{html-safe (concat "width: " post.email.openRate "%;")}}/></span>
{{else}} {{else}}
<span class="gh-dashboard5-metric-minivalue">&mdash;</span> <span class="gh-dashboard5-metric-minivalue na">&mdash;</span>
{{/if}} {{/if}}
</span> </span>
</div> </div>

35
ghost/admin/app/styles/layouts/dashboard-v5.css
View file

@ -627,7 +627,7 @@ Dashboard v5 Metric */
.gh-dashboard5-metric-label.is-secondary { .gh-dashboard5-metric-label.is-secondary {
font-size: 1.3rem; font-size: 1.3rem;
font-weight: 500; font-weight: 500;
color: var(--middarkgrey); color: var(--midgrey);
letter-spacing: 0; letter-spacing: 0;
} }
@ -681,6 +681,11 @@ Dashboard v5 Metric */
text-decoration: none; text-decoration: none;
} }
.gh-dashboard5-metric-minivalue.na {
color: var(--lightgrey);
font-weight: 500;
}
.gh-dashboard5-metric-extra { .gh-dashboard5-metric-extra {
text-transform: none; text-transform: none;
font-weight: 500; font-weight: 500;
@ -704,7 +709,7 @@ Dashboard v5 List */
.gh-dashboard5-list-header { .gh-dashboard5-list-header {
display: grid; display: grid;
grid-template-columns: 55% 15% 30%; grid-template-columns: 50% 20% 30%;
padding: 0 0 8px; padding: 0 0 8px;
border-bottom: 1px solid var(--whitegrey); border-bottom: 1px solid var(--whitegrey);
} }
@ -716,7 +721,7 @@ Dashboard v5 List */
font-size: 1.1rem; font-size: 1.1rem;
font-weight: 500; font-weight: 500;
letter-spacing: 0.1px; letter-spacing: 0.1px;
color: var(--black); color: var(--midgrey);
padding: 0 20px 8px 0; padding: 0 20px 8px 0;
text-transform: uppercase; text-transform: uppercase;
white-space: nowrap; white-space: nowrap;
@ -732,7 +737,7 @@ Dashboard v5 List */
.gh-dashboard5-list-item { .gh-dashboard5-list-item {
padding: 14px 0; padding: 14px 0;
display: grid; display: grid;
grid-template-columns: 55% 15% 30%; grid-template-columns: 50% 20% 30%;
padding: 4px 0; padding: 4px 0;
} }
@ -1030,7 +1035,7 @@ Dashboard v5 Engagement */
} }
.gh-dashboard5-engagement .gh-dashboard5-columns { .gh-dashboard5-engagement .gh-dashboard5-columns {
padding-top: 16px; padding-top: 10px;
} }
.gh-dashboard5-engagement .gh-dashboard5-select { .gh-dashboard5-engagement .gh-dashboard5-select {
@ -1166,15 +1171,15 @@ Dashboard v5 Recents */
align-items: stretch; align-items: stretch;
} }
.gh-dashboard5-recents .gh-dashboard5-title {
margin-bottom: 24px;
}
.gh-dashboard5-recents .gh-dashboard5-list-body { .gh-dashboard5-recents .gh-dashboard5-list-body {
padding-top: 8px; padding-top: 8px;
padding-bottom: 8px; padding-bottom: 8px;
} }
.gh-dashboard5-recents .gh-dashboard5-title {
margin-bottom: 24px;
}
.gh-dashboard5-recents .gh-dashboard5-list-item { .gh-dashboard5-recents .gh-dashboard5-list-item {
height: 100%; height: 100%;
padding-top: 6px; padding-top: 6px;
@ -1220,7 +1225,7 @@ Dashboard v5 Recents */
} }
.gh-dashboard5-recents .gh-dashboard5-list-header { .gh-dashboard5-recents .gh-dashboard5-list-header {
margin-top: 24px; margin-top: 16px;
} }
.gh-dashboard5-recents .gh-dashboard5-list-loading { .gh-dashboard5-recents .gh-dashboard5-list-loading {
@ -1648,6 +1653,11 @@ Dashboard v5 Resource */
.gh-dashboard5-resource-bigarticle h3 { .gh-dashboard5-resource-bigarticle h3 {
font-size: 1.8rem; font-size: 1.8rem;
font-weight: 700; font-weight: 700;
transition: all 0.25 ease-in-out;
}
.gh-dashboard5-resource-bigarticle:hover h3 {
opacity: 0.8;
} }
.gh-dashboard5-resource-bigarticle p { .gh-dashboard5-resource-bigarticle p {
@ -1712,6 +1722,11 @@ Dashboard v5 Resource */
display: flex; display: flex;
width: 100%; width: 100%;
min-width: 0; min-width: 0;
transition: all 0.25 ease-in-out;
}
.gh-dashboard5-resource .gh-dashboard5-list-item:hover .gh-dashboard5-list-link {
opacity: 0.8;
} }
.gh-dashboard5-resource .gh-dashboard5-list-link span { .gh-dashboard5-resource .gh-dashboard5-list-link span {