New disabled button styles

[MAILPOET-3545]
This commit is contained in:
Ján Mikláš
2021-04-20 12:51:58 +02:00
committed by Veljko V
parent 2236d554db
commit a4b37fdd78
2 changed files with 14 additions and 1 deletions

View File

@@ -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;
}
}

View File

@@ -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,
}
)