From 92f4371041dc91484dbabb4de090826beeaae6f7 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sun, 11 Feb 2024 22:46:21 +0800
Subject: [PATCH] More granular hover/focus state for status actions

---
 src/components/status.css | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/status.css b/src/components/status.css
index febf476c..250171e2 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -1966,8 +1966,6 @@ a.card:is(:hover, :focus):visited {
     border-color: var(--outline-hover-color);
   }
 
-  &:hover,
-  .status:hover &:not(:hover),
   &.open {
     opacity: 1;
     pointer-events: auto;
@@ -1977,12 +1975,22 @@ a.card:is(:hover, :focus):visited {
     & {
       border-color: var(--outline-hover-color);
     }
+    .status:has(&):focus & {
+      opacity: 1;
+      pointer-events: auto;
+      transform: translateX(0);
+    }
     .status-focus:has(&):has(.status:focus) {
       transition: background-color 0.1s ease-out 0.3s;
       background-color: var(--bg-faded-blur-color);
     }
   }
-  @media (pointer: fine) and (hover: hover) {
+  @media (pointer: fine), (hover: hover) {
+    .status:has(&):hover & {
+      opacity: 1;
+      pointer-events: auto;
+      transform: translateX(0);
+    }
     .status:has(&):hover {
       /* background-color: var(--bg-faded-blur-color); */
       background-image: linear-gradient(