fix click to pay button clickable area

This commit is contained in:
Marty Alcala 2016-10-21 12:40:46 -04:00
commit b860fb269b
2 changed files with 7 additions and 1 deletions

View file

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

View file

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