Bug: ActionList-item disabled state (#2136)

* fix disabled state * Create friendly-peaches-knock.md * Stylelint auto-fixes * lint Co-authored-by: Actions Auto Build <actions@github.com>
primer · Jun 30, 2022 · 8984684 · 8984684
1 parent cfd53cc
commit 8984684
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/.changeset/friendly-peaches-knock.md b/.changeset/friendly-peaches-knock.md
@@ -0,0 +1,5 @@
+---
+"@primer/css": patch
+---
+
+Bug: ActionList-item disabled state
diff --git a/src/actionlist/action-list-item.scss b/src/actionlist/action-list-item.scss
@@ -237,7 +237,7 @@
 
   // disabled
   &[aria-disabled='true'] {
-    .ActionList-item-content {
+    .ActionList-content {
       .ActionList-item-label,
       .ActionList-item-description {
         color: var(--color-primer-fg-disabled);
@@ -246,12 +246,12 @@
       .ActionList-item-visual {
         fill: var(--color-primer-fg-disabled);
       }
+    }
 
-      @media (hover: hover) {
-        &:hover {
-          cursor: not-allowed;
-          background-color: transparent;
-        }
+    @media (hover: hover) {
+      &:hover {
+        cursor: not-allowed;
+        background-color: transparent;
       }
     }
   }