From 27cb5a9fec3b4773dc24918b58bf5d24d2868a3a Mon Sep 17 00:00:00 2001
From: James Morris <moreofmorris@users.noreply.github.com>
Date: Thu, 5 May 2022 15:53:49 +0100
Subject: [PATCH] More responsive tweaks so new Dashboard works on mobile

refs: https://github.com/TryGhost/Team/issues/1531

- better resource breakpoints at mobile widths
- also fixed the active mobile button in mobile as it was white in dark mode
---
 ghost/admin/app/styles/app-dark.css           |  9 ++++++++
 .../admin/app/styles/layouts/dashboard-v5.css | 22 +++++++++++++++++++
 2 files changed, 31 insertions(+)

diff --git a/ghost/admin/app/styles/app-dark.css b/ghost/admin/app/styles/app-dark.css
index d924755983..f5ec0c5575 100644
--- a/ghost/admin/app/styles/app-dark.css
+++ b/ghost/admin/app/styles/app-dark.css
@@ -175,6 +175,11 @@ input:focus,
     .gh-mobile-nav-bar {
         background: #191b1f;
     }
+
+    .gh-mobile-nav-bar a.active {
+        background: #111213;
+        color: #fff;
+    }   
 }
 
 .gh-nav-search .ember-power-select-trigger {
@@ -1157,3 +1162,7 @@ kbd {
 .gh-dashboard5-list-item:hover {
     background: #1c1e21;
 }
+
+.gh-dashboard5-community .gh-dashboard5-resource-footer {
+    color: #fff;
+}
diff --git a/ghost/admin/app/styles/layouts/dashboard-v5.css b/ghost/admin/app/styles/layouts/dashboard-v5.css
index fbb2b52a29..904e366c9a 100644
--- a/ghost/admin/app/styles/layouts/dashboard-v5.css
+++ b/ghost/admin/app/styles/layouts/dashboard-v5.css
@@ -1730,3 +1730,25 @@ Dashboard v5 Tooltips */
         padding-bottom: 0;
     }
 }
+
+
+@media screen and (max-width: 600px) {
+    .gh-dashboard5-box.gh-dashboard5-split {
+        grid-template-columns: 1fr;
+        grid-template-rows: auto auto;
+    }
+
+    .gh-dashboard5-box.gh-dashboard5-split section {
+        margin-left: 24px !important;
+        margin-right: 24px !important;
+    }
+
+    .gh-dashboard5-split {
+        grid-template-columns: 1fr;
+        grid-template-rows: auto auto auto;
+    }
+
+    .gh-dashboard5-community {
+        grid-column: 1;
+    }
+}
\ No newline at end of file