Updated Explore feed on dashboard

No issue

ghost/admin/app/components/dashboard/resources/community.hbs

@@ -6,7 +6,7 @@
         <div class="gh-dashboard-resource-body">
             <div class="gh-dashboard-list">
                 <div class="gh-dashboard-list-body">
-                    <p>Talk strategy.<br />Get advice.<br />Or just hang out.</p>
+                    <p>Talk strategy. Get advice.<br />Or just hang out.</p>
                 </div>
             </div>
         </div>

ghost/admin/app/components/dashboard/resources/explore-feed.hbs

@@ -4,7 +4,7 @@
             <h4>Featured publications</h4>
             <div>
                 <a href="https://ghost.org/explore/" target="_blank" rel="noopener noreferrer">Browse all</a>
-                <LinkTo @route="explore" class="gh-dashboard-explore-add">Add your site to Explore <span>{{svg-jar "ghost-favicon-pink" alt="Ghost" class="w4 v-mid"}}</span></LinkTo>
+                <LinkTo @route="explore" class="gh-dashboard-explore-add">Add your site to Explore</LinkTo>
             </div>
         </div>
         <div class="gh-dashboard-resource-body">
@@ -28,7 +28,7 @@
                                 {{else if entry.members}}
                                     <div class="gh-dashboard-explore-members">{{entry.members}}</div>
                                 {{else}}
-                                    <div class="gh-dashboard-explore-arrow">→</div>
+                                    <div class="gh-dashboard-explore-visit">Visit →</div>
                                 {{/if}}
                             </div>
                         </a>

ghost/admin/app/styles/layouts/dashboard.css

@@ -1426,7 +1426,15 @@ Dashboard What's New */
     border-color: var(--main-color-content-greybg);
 }
 
-.gh-dashboard-whats-new .gh-dashboard-resource-title:not(.is-large) h4 {
+.gh-dashboard-whats-new .gh-dashboard-list-body {
+    justify-content: flex-start;
+}
+
+.gh-dashboard-whats-new .gh-dashboard-resource-title {
+    margin-top: -4px;
+}
+
+.gh-dashboard-whats-new .gh-dashboard-resource-title h4 {
     display: flex;
     color: var(--black);
     align-items: center;
@@ -1449,7 +1457,6 @@ Dashboard Community */
 
 .gh-dashboard-community {
     position: relative;
-    grid-column: 2 / 3;
 }
 
 .gh-dashboard-community .gh-dashboard-resource-box {
@@ -1459,7 +1466,6 @@ Dashboard Community */
     background-size: auto 105%;
     background-image: url(img/community-background.jpg);
     color: var(--white);
-    padding-top: 32px;
     transition: all 1.2s ease-in-out;
     border: 0 none;
 }
@@ -1473,7 +1479,7 @@ Dashboard Community */
     font-size: 4.0rem;
     font-weight: 700;
     line-height: 1.3em;
-    padding: 64px 0;
+    padding: 112px 0 12px;
     margin-bottom: 0;
     transition: color .3s;
     color: #fff;
@@ -1758,18 +1764,13 @@ Dashboard Resource */
     flex-direction: column;
     align-items: flex-start;
     min-width: 0;
+    padding: 10px 0;
     color: var(--black);
     font-size: 1.45rem;
     font-weight: 600;
     line-height: 1.4em;
 }
 
-@media (max-width: 1000px) {
-    .gh-dashboard-resource .gh-dashboard-list-post {
-        padding: 12px 32px 12px 0;
-    }
-}
-
 .gh-dashboard-resource .gh-dashboard-list-body {
     color: var(--midlightgrey);
     font-size: 1.4rem;
@@ -1784,6 +1785,7 @@ Dashboard Resource */
     display: flex;
     justify-content: space-between;
     align-items: center;
+    margin-top: -5px;
 }
 
 .gh-dashboard-explore-feed .gh-dashboard-resource-title h4 {
@@ -1905,7 +1907,8 @@ Dashboard Resource */
 }
 
 .gh-dashboard-explore-mrr,
-.gh-dashboard-explore-members {
+.gh-dashboard-explore-members,
+.gh-dashboard-explore-visit {
     flex-shrink: 0;
     font-size: 1.2rem;
     font-weight: 600;
@@ -1922,21 +1925,9 @@ Dashboard Resource */
     background: var(--pink);
 }
 
-.gh-dashboard-explore-arrow {
-    height: 2.4rem;
-    width: 2.4rem;
-    display: flex;
-    border: 1px solid var(--black);
-    border-radius: 999px;
+.gh-dashboard-explore-visit {
+    background: var(--whitegrey);
     color: var(--black);
-    padding: .4rem;
-    line-height: 1em;
-    transition: all .15s cubic-bezier(.4,0,.2,1);
-}
-
-.gh-dashboard-explore-arrow:hover {
-    color: var(--white);
-    background: var(--black);
 }
 
 
@@ -2162,28 +2153,12 @@ Dashboard Tooltips */
     }
 }
 
-@media screen and (min-width: 800px) and (max-width: 1000px) {
-    .gh-dashboard-split.is-reverse {
-        grid-template-columns: 1fr;
-        grid-template-rows: auto auto;
-    }
-
-    .gh-dashboard-community {
-        grid-column: 1;
-    }
-}
-
-@media screen and (max-width: 600px) {
+@media screen and (max-width: 1120px) {
     .gh-dashboard-box.gh-dashboard-split {
         grid-template-columns: 1fr;
         grid-template-rows: auto auto;
     }
 
-    .gh-dashboard-box.gh-dashboard-split section {
-        margin-left: 24px !important;
-        margin-right: 24px !important;
-    }
-
     .gh-dashboard-split {
         grid-template-columns: 1fr;
         grid-template-rows: auto auto auto;

ghost/admin/app/templates/dashboard.hbs

@@ -38,9 +38,9 @@
 
                 <Dashboard::Resources::ExploreFeed />
 
-                <div class="gh-dashboard-split gh-dashboard-box is-reverse no-boarder">
-                    <Dashboard::Resources::WhatsNew />
+                <div class="gh-dashboard-split gh-dashboard-box no-boarder">
                     <Dashboard::Resources::Community />
+                    <Dashboard::Resources::WhatsNew />
                 </div>
             {{/if}}
 

ghost/admin/public/assets/icons/ghost-favicon-pink.svg

@@ -1,4 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.03084 2.44495C11.1049 2.44495 13.6007 4.92524 13.6007 7.98025C13.6007 11.0353 11.1049 13.5156 8.03084 13.5156C4.95672 13.5156 2.46094 11.0353 2.46094 7.98025C2.46094 4.92524 4.95672 2.44495 8.03084 2.44495ZM3.63479 6.81215C3.91323 4.51915 5.1428 3.37943 7.91565 3.06971C9.23768 2.92201 10.7389 4.03896 11.1629 4.5534C12.0196 5.59294 13.1007 6.83022 13.1007 8.22367C13.1007 10.1022 11.5863 11.1571 9.97081 12.016C9.24272 12.4031 8.45614 12.7778 7.55764 12.7778C5.24841 12.7778 3.30485 10.9756 3.30485 8.6807C3.30485 8.07075 3.55855 7.43995 3.63479 6.81215Z" fill="#FB2D8D" stroke="#FB2D8D" stroke-width="0.6"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99844 14.0124C11.3674 14.0124 14.0984 11.2983 14.0984 7.9503C14.0984 4.60228 11.3674 1.88818 7.99844 1.88818C4.6295 1.88818 1.89844 4.60228 1.89844 7.9503C1.89844 11.2983 4.6295 14.0124 7.99844 14.0124ZM7.99844 13.3388C10.993 13.3388 13.4207 10.9263 13.4207 7.95029C13.4207 4.97428 10.993 2.56175 7.99844 2.56175C5.00383 2.56175 2.57622 4.97428 2.57622 7.95029C2.57622 10.9263 5.00383 13.3388 7.99844 13.3388Z" fill="#FB2D8D"/>
-</svg>