fix: no need to pointerEvents: none if svg have no name

fix: modified unrelated file
This commit is contained in:
Mauricio Navarro Miranda 2020-08-21 01:14:45 -05:00 committed by Josh Harvey
parent eb9acc32f2
commit a32aca40b2
7 changed files with 5 additions and 22 deletions

View file

@ -11,9 +11,6 @@ const useStyles = makeStyles({
marginTop: 4,
cursor: 'pointer'
},
preventDefaultTooltip: {
pointerEvents: 'none'
},
popoverContent: ({ width }) => ({
width,
padding: [[10, 15]]
@ -53,9 +50,7 @@ const Tooltip = memo(
onPointerOver={event => enableOver && handleOpenHelpPopper(event)}
onClick={event => enableClick && handleOpenHelpPopper(event)}
{...props}>
{Button !== FeatureButton && (
<Icon className={classes.preventDefaultTooltip}></Icon>
)}
{Button !== FeatureButton && <Icon></Icon>}
</Button>
<Popper
open={helpPopperOpen}

View file

@ -19,7 +19,7 @@ const ActionButton = memo(
<button className={classnames(classNames, className)} {...props}>
{Icon && (
<div className={classes.actionButtonIcon}>
<Icon className={classes.preventDefaultTooltip} />
<Icon />
</div>
)}
{InverseIcon && (

View file

@ -23,9 +23,6 @@ const colors = (color1, color2, color3) => {
}
export default {
preventDefaultTooltip: {
pointerEvents: 'none'
},
actionButton: {
extend: p,
cursor: 'pointer',

View file

@ -7,9 +7,6 @@ import baseButtonStyles from './BaseButton.styles'
const { baseButton, primary } = baseButtonStyles
const styles = {
preventDefaultTooltip: {
pointerEvents: 'none'
},
featureButton: {
extend: baseButton,
width: baseButton.height,
@ -47,7 +44,7 @@ const FeatureButton = memo(
<button className={classnames(classNames, className)} {...props}>
{Icon && (
<div className={classes.buttonIcon}>
<Icon className={classes.preventDefaultTooltip} />
<Icon />
</div>
)}
{InverseIcon && (

View file

@ -7,9 +7,6 @@ import baseButtonStyles from './BaseButton.styles'
const { baseButton, primary } = baseButtonStyles
const styles = {
preventDefaultTooltip: {
pointerEvents: 'none'
},
button: {
extend: baseButton,
borderRadius: baseButton.height / 2,
@ -41,7 +38,7 @@ const SimpleButton = memo(
{...props}>
{Icon && (
<div className={classes.buttonIcon}>
<Icon className={classes.preventDefaultTooltip} />
<Icon />
</div>
)}
{InverseIcon && (

View file

@ -39,7 +39,7 @@ function Select({ label, items, ...props }) {
<label {...getLabelProps()}>{startCase(label)}</label>
<button {...getToggleButtonProps()}>
<span className={classes.selectedItem}>{startCase(selectedItem)}</span>
<Arrowdown className={classes.preventDefaultTooltip} />
<Arrowdown />
</button>
<ul {...getMenuProps()}>
{isOpen &&

View file

@ -6,9 +6,6 @@ const { p, label1 } = typographyStyles
const WIDTH = 152
export default {
preventDefaultTooltip: {
pointerEvents: 'none'
},
selectedItem: {
width: WIDTH - 41,
display: 'block',