From 9be863cc8282bbd93f6f41cd0681efa3a7662041 Mon Sep 17 00:00:00 2001 From: James Morris Date: Thu, 29 Sep 2022 11:06:29 +0100 Subject: [PATCH] Tiny tweaks to styles for post analytics - Made the source attribution table half and half - Adjust the button hover for post rows no issue --- ghost/admin/app/styles/layouts/content.css | 31 +++++++++------------- 1 file changed, 12 insertions(+), 19 deletions(-) diff --git a/ghost/admin/app/styles/layouts/content.css b/ghost/admin/app/styles/layouts/content.css index 51200188b0..a7d2fa969b 100644 --- a/ghost/admin/app/styles/layouts/content.css +++ b/ghost/admin/app/styles/layouts/content.css @@ -915,7 +915,7 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho display: flex; justify-content: center; align-items: center; - padding: 2rem 0 0; + padding: 2rem 0; } .gh-attribution-chart-column-inner { @@ -924,7 +924,7 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho } .gh-attribution-table-column { - flex: 2; + flex: 1; padding: 1rem 0; } @@ -1195,9 +1195,8 @@ a.gh-post-list-cta.stats.is-hovered { } a.gh-post-list-cta.stats.is-hovered:hover { - color: var(--green-d1); - border-color: var(--lightgrey-l1); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + border-color: var(--lightgrey-l2); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } a.gh-post-list-cta.edit.is-hovered { @@ -1206,9 +1205,8 @@ a.gh-post-list-cta.edit.is-hovered { a.gh-post-list-cta.edit.is-hovered:hover, a.gh-post-list-cta.edit:not(.is-hovered):hover { - color: var(--pink-d1); - border-color: var(--lightgrey-l1); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + border-color: var(--lightgrey-l2); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } a.gh-post-list-cta > svg { @@ -1216,6 +1214,7 @@ a.gh-post-list-cta > svg { height: 1.5rem; color: var(--darkgrey); stroke: var(--darkgrey); + transition: all .1s linear; } a.gh-post-list-cta > svg path { @@ -1230,21 +1229,15 @@ a.gh-post-list-cta > span { transition: all .1s linear; } -a.gh-post-list-cta.edit.is-hovered > * { +a.gh-post-list-cta.edit.is-hovered > *, +a.gh-post-list-cta.edit.is-hovered:hover > *, +a.gh-post-list-cta.edit:not(.is-hovered):hover > * { color: var(--pink-d1); } -a.gh-post-list-cta.edit.is-hovered:hover > *, -a.gh-post-list-cta.edit:not(.is-hovered):hover > * { - color: var(--pink-d2); -} - -a.gh-post-list-cta.stats.is-hovered > * { - color: var(--green-d1); -} - +a.gh-post-list-cta.stats.is-hovered > *, a.gh-post-list-cta.stats.is-hovered:hover > * { - color: var(--green-d2); + color: var(--green-d1); } @media screen and (max-width: 1080px) {