New disabled button styles
[MAILPOET-3545]
This commit is contained in:
@@ -119,3 +119,16 @@
|
||||
background-color: rgba(#fff, .8);
|
||||
}
|
||||
}
|
||||
|
||||
.mailpoet-button-disabled {
|
||||
color: rgba(#fff, .4);
|
||||
pointer-events: none;
|
||||
touch-action: none;
|
||||
|
||||
&.mailpoet-button-secondary,
|
||||
&.mailpoet-button-tertiary {
|
||||
background: #eaeaea;
|
||||
border-color: #eaeaea;
|
||||
color: #828282;
|
||||
}
|
||||
}
|
||||
|
@@ -52,7 +52,7 @@ const Button = ({
|
||||
[`mailpoet-button-${dimension}`]: dimension,
|
||||
[`mailpoet-button-${variant}`]: variant,
|
||||
'mailpoet-button-with-spinner': withSpinner,
|
||||
'mailpoet-disabled': isDisabled,
|
||||
'mailpoet-button-disabled': isDisabled,
|
||||
'mailpoet-full-width': isFullWidth,
|
||||
}
|
||||
)
|
||||
|
Reference in New Issue
Block a user