Skip to content

Commit

Permalink
fix(material-experimental/mdc-checkbox): Use cursor:pointer for label (
Browse files Browse the repository at this point in the history
…#24927)

(cherry picked from commit df9303e)
  • Loading branch information
mmalerba committed May 20, 2022
1 parent 8611a74 commit 7386fe8
Showing 1 changed file with 10 additions and 0 deletions.
10 changes: 10 additions & 0 deletions src/material-experimental/mdc-checkbox/checkbox.scss
Original file line number Diff line number Diff line change
Expand Up @@ -74,6 +74,16 @@
}
}

// Clicking the label toggles the checkbox, but MDC does not include any styles that inform the
// user of this. Therefore we add the pointer cursor on top of MDC's styles.
label {
cursor: pointer;
}

&.mat-mdc-checkbox-disabled label {
cursor: default;
}

// The MDC styles result in extra padding if the label is present but empty. To fix this we hide
// the label when it is empty.
label:empty {
Expand Down

0 comments on commit 7386fe8

Please sign in to comment.