diff --git a/ghost/admin/app/components/dashboard/dashboard-v5.hbs b/ghost/admin/app/components/dashboard/dashboard-v5.hbs
index 09a635a01a..1ebdfed27f 100644
--- a/ghost/admin/app/components/dashboard/dashboard-v5.hbs
+++ b/ghost/admin/app/components/dashboard/dashboard-v5.hbs
@@ -15,9 +15,11 @@
-
+
+
+
diff --git a/ghost/admin/app/components/dashboard/v5/resources/staff-picks.hbs b/ghost/admin/app/components/dashboard/v5/resources/staff-picks.hbs
index a7db59bbe9..4940461ba2 100644
--- a/ghost/admin/app/components/dashboard/v5/resources/staff-picks.hbs
+++ b/ghost/admin/app/components/dashboard/v5/resources/staff-picks.hbs
@@ -1,5 +1,5 @@
-
+
Staff Picks
Hand picked stories from around the web, published with Ghost.
@@ -28,7 +28,7 @@
diff --git a/ghost/admin/app/styles/layouts/dashboard-v5.css b/ghost/admin/app/styles/layouts/dashboard-v5.css
index 9742172c53..d6cedddcf6 100644
--- a/ghost/admin/app/styles/layouts/dashboard-v5.css
+++ b/ghost/admin/app/styles/layouts/dashboard-v5.css
@@ -168,9 +168,24 @@ Dashboard v5 Layout */
align-items: stretch;
}
+.gh-dashboard5-box.gh-dashboard5-split {
+ display: grid;
+ padding: 24px 0;
+ margin-bottom: 24px;
+}
+
+.gh-dashboard5-box.gh-dashboard5-split section:nth-child(odd) {
+ margin-left: 24px;
+}
+
+.gh-dashboard5-box.gh-dashboard5-split section:nth-child(even) {
+ margin-left: 0;
+ margin-right: 24px;
+}
+
.gh-dashboard5-box.is-secondary {
background: var(--main-color-content-greybg);
- border: transparent;
+ border-color: var(--main-color-content-greybg);
}
.gh-dashboard5-box.is-faded {
@@ -1264,7 +1279,6 @@ Dashboard v5 Staff Picks */
}
.gh-dashboard5-staff-picks .gh-dashboard5-resource-body {
- border-top: 1px solid var(--whitegrey);
padding-top: 12px;
}
@@ -1300,10 +1314,6 @@ Dashboard v5 Staff Picks */
}
.gh-dashboard5-staff-picks .gh-dashboard5-list-body {
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- justify-content: space-between;
color: #7c8b9a;
font-size: 1.4rem;
padding: 0 32px 0 0;
@@ -1318,17 +1328,8 @@ Dashboard v5 Staff Picks */
.gh-dashboard5-staff-picks .gh-dashboard5-resource-footer a {
display: flex;
align-items: center;
- color: var(--middarkgrey);
- font-weight: 400;
-}
-
-.gh-dashboard5-staff-picks .gh-dashboard5-resource-footer a span {
- opacity: 0;
- transition: 0.15s all ease-in-out;
-}
-
-.gh-dashboard5-staff-picks .gh-dashboard5-resource-footer a:hover span {
- opacity: 1;
+ color: #1DA1F2;
+ font-weight: 500;
}
.gh-dashboard5-staff-picks .gh-dashboard5-resource-footer svg {
@@ -1337,9 +1338,6 @@ Dashboard v5 Staff Picks */
margin-right: 5px;
}
-.gh-dashboard5-staff-picks .gh-dashboard5-resource-footer svg path {
- fill: var(--middarkgrey);
-}
/* ---------------------------------
@@ -1488,7 +1486,6 @@ Dashboard v5 Resources */
}
.gh-dashboard5-resource-box.is-secondary {
- background: linear-gradient(45deg, color-mod(var(--main-color-content-greybg) l(+2%)), var(--main-color-content-greybg));
border: none;
box-shadow: none;
}
@@ -1499,7 +1496,7 @@ Dashboard v5 Resources */
text-transform: uppercase;
letter-spacing: 0.3px;
color: var(--darkgrey);
- margin: 0 0 16px;
+ margin: 0 0 8px;
padding: 0;
transition: color .3s;
}
@@ -1558,6 +1555,11 @@ Dashboard v5 Resources */
.gh-dashboard5-resource-bigarticle p {
font-size: 1.5rem;
color: var(--middarkgrey);
+ display: -webkit-box;
+ line-clamp: 3;
+ -webkit-line-clamp: 3;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
}
.gh-dashboard5-resource-smallarticles {
diff --git a/ghost/admin/public/assets/icons/twitter-logo.svg b/ghost/admin/public/assets/icons/twitter-logo.svg
new file mode 100644
index 0000000000..fd5fe6fbc3
--- /dev/null
+++ b/ghost/admin/public/assets/icons/twitter-logo.svg
@@ -0,0 +1,3 @@
+