| "noItemsInfo"
| "checkBoxHead"
| "checkBoxCell"
+ | "clickBox"
| "checkBox"
| "firstTableCell"
| "tableCell"
checkBoxHead: {
padding: "0",
display: "flex",
+ width: '2rem',
+ height: "1.5rem",
+ paddingLeft: '0.9rem',
+ marginRight: '0.5rem'
},
checkBoxCell: {
padding: "0",
- paddingLeft: "10px",
+ },
+ clickBox: {
+ display: 'flex',
+ width: '1.6rem',
+ height: "1.5rem",
+ paddingLeft: '0.35rem',
+ paddingTop: '0.1rem',
+ marginLeft: '0.5rem',
+ cursor: "pointer",
},
checkBox: {
cursor: "pointer",
render: uuid => {
const { classes, checkedList } = this.props;
return (
- <input
- data-cy={`multiselect-checkbox-${uuid}`}
- type="checkbox"
- name={uuid}
- className={classes.checkBox}
- checked={checkedList && checkedList[uuid] ? checkedList[uuid] : false}
- onChange={() => this.handleSelectOne(uuid)}
- onDoubleClick={ev => ev.stopPropagation()}></input>
+ <div
+ className={classes.clickBox}
+ onClick={(ev) => {
+ ev.stopPropagation()
+ this.handleSelectOne(uuid)
+ }}
+ onDoubleClick={(ev) => ev.stopPropagation()}
+ >
+ <input
+ data-cy={`multiselect-checkbox-${uuid}`}
+ type='checkbox'
+ name={uuid}
+ className={classes.checkBox}
+ checked={checkedList && checkedList[uuid] ? checkedList[uuid] : false}
+ onChange={() => this.handleSelectOne(uuid)}
+ onDoubleClick={(ev) => ev.stopPropagation()}
+ ></input>
+ </div>
);
},
};