From f89caeadf243e4d83c969f98ba5d635b51ec2758 Mon Sep 17 00:00:00 2001
From: Katie Langerman <langermank@github.com>
Date: Fri, 5 Aug 2022 16:15:13 +0000
Subject: [PATCH] hover interaction tests

---
 src/actionlist/action-list-item.scss | 28 +++++++++++++---------------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/actionlist/action-list-item.scss b/src/actionlist/action-list-item.scss
index 87150d9e..5f946cfa 100644
--- a/src/actionlist/action-list-item.scss
+++ b/src/actionlist/action-list-item.scss
@@ -623,6 +623,7 @@
   position: absolute;
   right: 0;
   top: 0;
+  visibility: hidden;
 
   &:hover,
   &:focus {
@@ -630,21 +631,18 @@
     background-color: var(--color-action-list-item-default-hover-bg);
     border: $border-width $border-style var(--color-btn-hover-bg);
   }
+}
 
-  &::before {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 100%;
-    height: 100%;
-    min-height: 32px;
-    content: '';
-    transform: translateX(-50%) translateY(-50%);
-    background-color: aqua;
-    // background-color: var(--color-action-list-item-default-hover-bg);
-    // opacity: 0;
-    // transition: 0.2s cubic-bezier(0.3, 0, 0.5, 1);
-    // transition-property: opacity;
-    // visibility: hidden;
+.ActionList-item {
+  &:hover,
+  &:focus-within {
+    .ActionList-item-button {
+      visibility: visible;
+    }
   }
 }
+
+// notes to katie
+// offer hover prop for leading/trailing action
+// button styles
+// sub-group items etc etc