fix: no need to pointerEvents: none if svg have no name
fix: modified unrelated file
This commit is contained in:
parent
eb9acc32f2
commit
a32aca40b2
7 changed files with 5 additions and 22 deletions
|
|
@ -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}
|
||||
|
|
|
|||
|
|
@ -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 && (
|
||||
|
|
|
|||
|
|
@ -23,9 +23,6 @@ const colors = (color1, color2, color3) => {
|
|||
}
|
||||
|
||||
export default {
|
||||
preventDefaultTooltip: {
|
||||
pointerEvents: 'none'
|
||||
},
|
||||
actionButton: {
|
||||
extend: p,
|
||||
cursor: 'pointer',
|
||||
|
|
|
|||
|
|
@ -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 && (
|
||||
|
|
|
|||
|
|
@ -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 && (
|
||||
|
|
|
|||
|
|
@ -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 &&
|
||||
|
|
|
|||
|
|
@ -6,9 +6,6 @@ const { p, label1 } = typographyStyles
|
|||
const WIDTH = 152
|
||||
|
||||
export default {
|
||||
preventDefaultTooltip: {
|
||||
pointerEvents: 'none'
|
||||
},
|
||||
selectedItem: {
|
||||
width: WIDTH - 41,
|
||||
display: 'block',
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue