Cosmetic fixes to checkboxes in new UI
While testing #35458, I observed a view cosmetic inconsistencies to checkboxes in the new UI:
- Cursor changes to pointer over checkbox but not text.
- Clicking the checkbox plays a radiating color animation from the checkbox, clicking the text does not.
- Exception to both behaviors: System/Update “Automatically check for new updates” field
- Observed a few pixels from the checkbox outline “bleeding through” the checkmark at the corners.
#4 Updated by Dennis Mullen almost 3 years ago
I think I have found and fixed the labels of all check boxes that have labels (the exception are the ones without labels on the entity table rows). All the rest show a pointer when hovered over and produce the full ripple effect when either the label or box is clicked.
As for the few dark pixels at the top corners, I believe this is a flaw of the material component itself. I see the same thing on the Angular material site (see pics). However it is practically invisible except when there is a great contrast between the color of the frame and of the fill. Since the check box and fill animation is a product we import via node modules, I don't think we can fix it.