From fa97f6a569727db7514af79d36f2beb995189326 Mon Sep 17 00:00:00 2001 From: langermank Date: Thu, 3 Mar 2022 15:32:49 -0800 Subject: [PATCH 1/3] pointer-events none on visuals --- src/actionlist/action-list-item.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/actionlist/action-list-item.scss b/src/actionlist/action-list-item.scss index a5fd655427..d9dfdc0e8a 100644 --- a/src/actionlist/action-list-item.scss +++ b/src/actionlist/action-list-item.scss @@ -191,8 +191,7 @@ .ActionList-item-multiSelectCheckmark { visibility: hidden; opacity: 0; - transition: - visibility 0 linear $actionList-item-checkmark-transition-timing, + transition: visibility 0 linear $actionList-item-checkmark-transition-timing, opacity $actionList-item-checkmark-transition-timing; } @@ -528,6 +527,7 @@ color: var(--color-fg-muted); // if visual is text fill: var(--color-fg-muted); align-items: center; + pointer-events: none; } // text From 1898e618287b149295f438e6d7c60815077ab7b6 Mon Sep 17 00:00:00 2001 From: Katie Langerman Date: Thu, 3 Mar 2022 15:34:55 -0800 Subject: [PATCH 2/3] Create unlucky-oranges-worry.md --- .changeset/unlucky-oranges-worry.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/unlucky-oranges-worry.md diff --git a/.changeset/unlucky-oranges-worry.md b/.changeset/unlucky-oranges-worry.md new file mode 100644 index 0000000000..bf1bb0c98b --- /dev/null +++ b/.changeset/unlucky-oranges-worry.md @@ -0,0 +1,5 @@ +--- +"@primer/css": patch +--- + +Handle pointer-events on ActionList visuals From 22ea61d519fb62b7e87f8b58ca2ee22c8e5df58d Mon Sep 17 00:00:00 2001 From: Actions Auto Build Date: Thu, 3 Mar 2022 23:35:53 +0000 Subject: [PATCH 3/3] Stylelint auto-fixes --- src/actionlist/action-list-item.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/actionlist/action-list-item.scss b/src/actionlist/action-list-item.scss index d9dfdc0e8a..f658277845 100644 --- a/src/actionlist/action-list-item.scss +++ b/src/actionlist/action-list-item.scss @@ -191,7 +191,8 @@ .ActionList-item-multiSelectCheckmark { visibility: hidden; opacity: 0; - transition: visibility 0 linear $actionList-item-checkmark-transition-timing, + transition: + visibility 0 linear $actionList-item-checkmark-transition-timing, opacity $actionList-item-checkmark-transition-timing; } @@ -525,9 +526,9 @@ display: flex; min-height: $actionList-item-height-sm; color: var(--color-fg-muted); // if visual is text + pointer-events: none; fill: var(--color-fg-muted); align-items: center; - pointer-events: none; } // text