From 0be387bb410081f6b879c907bc57567c4e02fc45 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Mon, 2 Jun 2025 15:18:27 -0500
Subject: [PATCH] Add distinct navigation selected styles

---
 app/assets/stylesheets/popup.css | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/app/assets/stylesheets/popup.css b/app/assets/stylesheets/popup.css
index 4dafb7603..8a93f8f53 100644
--- a/app/assets/stylesheets/popup.css
+++ b/app/assets/stylesheets/popup.css
@@ -49,15 +49,8 @@
     }
 
     &[aria-selected] {
-      background: var(--color-selected);
-    }
-
-    &:has(:focus-visible) {
-      background: var(--color-selected-dark);
-
-      .popup__item {
-        --outline-size: 0;
-      }
+      border-radius: 0.3em;
+      box-shadow: 0 0 0 var(--hover-size) var(--color-selected-dark) inset;
     }
   }
 
@@ -82,7 +75,8 @@
     }
 
     &[aria-selected] {
-      --btn-background: var(--color-selected);
+      border-radius: 0.3em;
+      box-shadow: 0 0 0 var(--hover-size) var(--color-selected-dark) inset;
     }
 
     &:has(input:checked)  {