From 06909e5b20e06a76ce97ff6700fbc7a9509cce52 Mon Sep 17 00:00:00 2001 From: Elliott Marquez Date: Tue, 17 Oct 2023 16:47:52 -0700 Subject: [PATCH] refactor(checkbox): move cursor styles to host related: #5066 #5069 PiperOrigin-RevId: 574302352 --- checkbox/internal/_checkbox.scss | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/checkbox/internal/_checkbox.scss b/checkbox/internal/_checkbox.scss index 347fc301e4..ffb629fc85 100644 --- a/checkbox/internal/_checkbox.scss +++ b/checkbox/internal/_checkbox.scss @@ -82,6 +82,11 @@ $_checkmark-bottom-left: 7px, -14px; vertical-align: top; // Fix extra space when placed inside display: block width: var(--_container-size); -webkit-tap-highlight-color: transparent; + cursor: pointer; + } + + :host([disabled]) { + cursor: default; } :host([touch-target='wrapper']) { @@ -104,7 +109,7 @@ $_checkmark-bottom-left: 7px, -14px; position: absolute; width: 48px; z-index: 1; - cursor: pointer; + cursor: inherit; } :host([touch-target='none']) input { @@ -374,10 +379,6 @@ $_checkmark-bottom-left: 7px, -14px; opacity: var(--_disabled-container-opacity); } - .disabled input { - cursor: default; - } - :where(.selected.disabled) .outline { // Hide the outline behind the transparent selected container color. // This can be removed once disabled colors are flattened.