remove selection interaction from categorical value label (#847)

This commit is contained in:
Severiano Badajoz
2019-07-15 11:32:42 -07:00
committed by GitHub
parent 3833bada54
commit 9c05aa6766
+16 -14
View File
@@ -131,19 +131,21 @@ class CategoryValue extends React.Component {
justifyContent: "space-between"
}}
>
<label className="bp3-control bp3-checkbox" style={{ margin: 0 }}>
<input
onChange={selected ? this.toggleOff : this.toggleOn}
data-testclass="categorical-value-select"
data-testid={`categorical-value-select-${metadataField}-${displayString}`}
checked={selected}
type="checkbox"
/>
<span
className="bp3-control-indicator"
onMouseEnter={this.handleMouseExit}
onMouseLeave={this.handleMouseEnter}
/>
<div style={{ display: "flex" }}>
<label className="bp3-control bp3-checkbox" style={{ margin: 0 }}>
<input
onChange={selected ? this.toggleOff : this.toggleOn}
data-testclass="categorical-value-select"
data-testid={`categorical-value-select-${metadataField}-${displayString}`}
checked={selected}
type="checkbox"
/>
<span
className="bp3-control-indicator"
onMouseEnter={this.handleMouseExit}
onMouseLeave={this.handleMouseEnter}
/>
</label>
<span
data-testid={`categorical-value-${metadataField}-${displayString}`}
data-testclass="categorical-value"
@@ -151,7 +153,7 @@ class CategoryValue extends React.Component {
>
{displayString}
</span>
</label>
</div>
<span style={{ flexShrink: 0 }}>
{colorAccessor && !isColorBy ? (
<Occupancy category={category} {...this.props} />