From 829fee29dafcf1951938f282739561fcc4c6f7ed Mon Sep 17 00:00:00 2001
From: Simon Backx <simon@ghost.org>
Date: Mon, 21 Mar 2022 19:12:02 +0100
Subject: [PATCH] Added better POC styling for dashboard 5

refs https://github.com/TryGhost/Team/issues/1432
---
 .../app/components/dashboard/dashboard-v5.hbs | 40 +++++++++----------
 ghost/admin/app/styles/layouts/dashboard.css  |  7 ++++
 2 files changed, 26 insertions(+), 21 deletions(-)

diff --git a/ghost/admin/app/components/dashboard/dashboard-v5.hbs b/ghost/admin/app/components/dashboard/dashboard-v5.hbs
index b55daf6739..f9843a13f9 100644
--- a/ghost/admin/app/components/dashboard/dashboard-v5.hbs
+++ b/ghost/admin/app/components/dashboard/dashboard-v5.hbs
@@ -1,26 +1,24 @@
-<section class="gh-dashboard-area lw-banner">
-    Dashboard 5.0 is active, but not yet implemented
+<section>
+    {{#if this.areMembersEnabled}}
+        <article class="gh-dashboard-box">
+            These are members related graphs
+        </article>
+
+        {{#if this.hasPaidTiers}}
+            <article class="gh-dashboard-box">
+                These are some paid members related graphs
+            </article>
+        {{/if}}
+    {{/if}}
+
+    {{#if this.areNewslettersEnabled}}
+        <article class="gh-dashboard-box">
+            These are newsletter related graphs
+        </article>
+    {{/if}}
 </section>
 
-{{#if this.areMembersEnabled}}
-    <section>
-        These are members related graphs
-    </section>
-
-    {{#if this.hasPaidTiers}}
-        <section>
-            These are some paid members related graphs
-        </section>
-    {{/if}}
-{{/if}}
-
-{{#if this.areNewslettersEnabled}}
-    <section>
-        These are newsletter related graphs
-    </section>
-{{/if}}
-
-<div class="gh-main-section">
+<div class="gh-main-section prototype-panel">
     <h4 class="gh-main-section-header small bn">Prototype control panel</h4>
     <div class="gh-expandable">
         <div class="gh-expandable-block">
diff --git a/ghost/admin/app/styles/layouts/dashboard.css b/ghost/admin/app/styles/layouts/dashboard.css
index 0abed9fb3b..c17912e587 100644
--- a/ghost/admin/app/styles/layouts/dashboard.css
+++ b/ghost/admin/app/styles/layouts/dashboard.css
@@ -1073,3 +1073,10 @@ a.gh-dashboard-container {
     opacity: 0;
     max-height: 0;
 }
+
+
+/* Temporary section for prototype convenience */
+.prototype-panel {
+    /* Keep it out of view */
+    margin-top: 100vh;
+}
\ No newline at end of file