react-checkbox-tree icon indicating copy to clipboard operation
react-checkbox-tree copied to clipboard

Label center alignment (Material design)

Open shaozi opened this issue 5 years ago • 1 comments

Describe the bug When I use material icons, the label and checkbox are not vertically central aligned. See screenshot 1, the labels are too low.

Screen Shot 2020-10-15 at 10 28 38 AM

I have to add this css to align it:

.rct-text label {
  display: flex;
  flex-direction: row;
  align-items: center;
}

After:

Screen Shot 2020-10-15 at 10 28 53 AM

Should we include the styles in your build?

shaozi avatar Oct 15 '20 15:10 shaozi

Thanks for filing this issue and providing the CSS you used. This component has a iconsClass parameter and it would be straightforward for us to add support for Material design.

jakezatecky avatar Oct 29 '20 07:10 jakezatecky