From 85737012ab0320b50ad24d9890bed35bb774795e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dani=C3=ABl=20van=20der=20Winden?=
 <danielvanderwinden@ghost.org>
Date: Thu, 28 Mar 2024 17:15:05 +0100
Subject: [PATCH] Improved hover states for Onboarding Checklist (#19953)

fixes IPC-123
---
 ghost/admin/app/styles/layouts/dashboard.css | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/ghost/admin/app/styles/layouts/dashboard.css b/ghost/admin/app/styles/layouts/dashboard.css
index 9c614fbbfc..6c3048d82b 100644
--- a/ghost/admin/app/styles/layouts/dashboard.css
+++ b/ghost/admin/app/styles/layouts/dashboard.css
@@ -2820,6 +2820,14 @@ Onboarding checklist */
     cursor: pointer;
 }
 
+.gh-onboarding-item:hover .gh-onboarding-item-content {
+    opacity: .9;
+}
+
+.gh-onboarding-item--completed:hover .gh-onboarding-item-content {
+    opacity: .24;
+}
+
 .gh-onboarding-item--next {
     margin: 0px -32px 6px;
     background: var(--white);
@@ -2940,6 +2948,10 @@ Onboarding checklist */
     font-size: 1.5rem;
 }
 
+.gh-onboarding-help a:hover {
+    color: var(--darkgrey);
+}
+
 .gh-onboarding-skip {
     display: flex;
     align-items: center;
@@ -2955,6 +2967,11 @@ Onboarding checklist */
     transition: opacity .1s linear;
 }
 
+.gh-onboarding-skip:hover {
+    color: var(--darkgrey);
+    border-color: var(--lightgrey);
+}
+
 .gh-onboarding-explore-dashboard {
     display: flex;
     padding: 12px 12px;