Merge pull request #643 from msalcala11/fix/click-to-pay
fix click to pay button clickable area
This commit is contained in:
commit
0e6efee7d5
2 changed files with 7 additions and 1 deletions
|
|
@ -1,6 +1,11 @@
|
||||||
click-to-accept {
|
click-to-accept {
|
||||||
|
|
||||||
.click-to-accept {
|
.click-to-accept {
|
||||||
|
|
||||||
|
&__button.disable {
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
&__status-text {
|
&__status-text {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
@ -11,6 +16,7 @@ click-to-accept {
|
||||||
text-transform: capitalize;
|
text-transform: capitalize;
|
||||||
transform: translateY(2rem);
|
transform: translateY(2rem);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
|
||||||
&.enter {
|
&.enter {
|
||||||
transition: transform 250ms ease, opacity 250ms ease;
|
transition: transform 250ms ease, opacity 250ms ease;
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<button class="button button-standard button-primary" ng-disabled="sendStatus">
|
<button class="click-to-accept__button button button-standard button-primary" ng-class="{disable: sendStatus}">
|
||||||
<span ng-if="!sendStatus">
|
<span ng-if="!sendStatus">
|
||||||
<ng-transclude></ng-transclude>
|
<ng-transclude></ng-transclude>
|
||||||
</span>
|
</span>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue