From 3ba3e34ab48ab3f3a54721e8cad6dd60f21c5218 Mon Sep 17 00:00:00 2001
From: Peter Zimon <peter.zimon@gmail.com>
Date: Fri, 13 May 2022 11:04:58 +0200
Subject: [PATCH] Minor dashboard UI refinements

---
 .../dashboard/v5/charts/recents.hbs           |  4 +--
 .../admin/app/styles/layouts/dashboard-v5.css | 35 +++++++++++++------
 2 files changed, 27 insertions(+), 12 deletions(-)

diff --git a/ghost/admin/app/components/dashboard/v5/charts/recents.hbs b/ghost/admin/app/components/dashboard/v5/charts/recents.hbs
index a251c7e6b4..96ff1f740a 100644
--- a/ghost/admin/app/components/dashboard/v5/charts/recents.hbs
+++ b/ghost/admin/app/components/dashboard/v5/charts/recents.hbs
@@ -31,7 +31,7 @@
                             </div>
                             {{#if this.areNewslettersEnabled}}
                                 <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}}
                                             {{format-number post.email.emailCount}}
                                         {{else}}
@@ -45,7 +45,7 @@
                                             <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>
                                         {{else}}
-                                            <span class="gh-dashboard5-metric-minivalue">&mdash;</span>
+                                            <span class="gh-dashboard5-metric-minivalue na">&mdash;</span>
                                         {{/if}}
                                     </span>
                                 </div>
diff --git a/ghost/admin/app/styles/layouts/dashboard-v5.css b/ghost/admin/app/styles/layouts/dashboard-v5.css
index 107b9959c8..f64f6fe9aa 100644
--- a/ghost/admin/app/styles/layouts/dashboard-v5.css
+++ b/ghost/admin/app/styles/layouts/dashboard-v5.css
@@ -627,7 +627,7 @@ Dashboard v5 Metric */
 .gh-dashboard5-metric-label.is-secondary {
     font-size: 1.3rem;
     font-weight: 500;
-    color: var(--middarkgrey);
+    color: var(--midgrey);
     letter-spacing: 0;
 }
 
@@ -681,6 +681,11 @@ Dashboard v5 Metric */
     text-decoration: none;
 }
 
+.gh-dashboard5-metric-minivalue.na {
+    color: var(--lightgrey);
+    font-weight: 500;
+}
+
 .gh-dashboard5-metric-extra {
     text-transform: none;
     font-weight: 500;
@@ -704,7 +709,7 @@ Dashboard v5 List */
 
 .gh-dashboard5-list-header {
     display: grid;
-    grid-template-columns: 55% 15% 30%;
+    grid-template-columns: 50% 20% 30%;
     padding: 0 0 8px;
     border-bottom: 1px solid var(--whitegrey);
 }
@@ -716,7 +721,7 @@ Dashboard v5 List */
     font-size: 1.1rem;
     font-weight: 500;
     letter-spacing: 0.1px;
-    color: var(--black);
+    color: var(--midgrey);
     padding: 0 20px 8px 0;
     text-transform: uppercase;
     white-space: nowrap;
@@ -732,7 +737,7 @@ Dashboard v5 List */
 .gh-dashboard5-list-item {
     padding: 14px 0;
     display: grid;
-    grid-template-columns: 55% 15% 30%;
+    grid-template-columns: 50% 20% 30%;
     padding: 4px 0;
 }
 
@@ -1030,7 +1035,7 @@ Dashboard v5 Engagement */
 }
 
 .gh-dashboard5-engagement .gh-dashboard5-columns {
-    padding-top: 16px;
+    padding-top: 10px;
 }
 
 .gh-dashboard5-engagement .gh-dashboard5-select {
@@ -1166,15 +1171,15 @@ Dashboard v5 Recents */
     align-items: stretch;
 }
 
-.gh-dashboard5-recents .gh-dashboard5-title {
-    margin-bottom: 24px;
-}
-
 .gh-dashboard5-recents .gh-dashboard5-list-body {
     padding-top: 8px;
     padding-bottom: 8px;
 }
 
+.gh-dashboard5-recents .gh-dashboard5-title {
+    margin-bottom: 24px;
+}
+
 .gh-dashboard5-recents .gh-dashboard5-list-item {
     height: 100%;
     padding-top: 6px;
@@ -1220,7 +1225,7 @@ Dashboard v5 Recents */
 }
 
 .gh-dashboard5-recents .gh-dashboard5-list-header {
-    margin-top: 24px;
+    margin-top: 16px;
 }
 
 .gh-dashboard5-recents .gh-dashboard5-list-loading {
@@ -1648,6 +1653,11 @@ Dashboard v5 Resource */
 .gh-dashboard5-resource-bigarticle h3 {
     font-size: 1.8rem;
     font-weight: 700;
+    transition: all 0.25 ease-in-out;
+}
+
+.gh-dashboard5-resource-bigarticle:hover h3 {
+    opacity: 0.8;
 }
 
 .gh-dashboard5-resource-bigarticle p {
@@ -1712,6 +1722,11 @@ Dashboard v5 Resource */
     display: flex;
     width: 100%;
     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 {