fix borders and bottom for slide to pay

This commit is contained in:
Marty Alcala 2016-10-11 18:20:10 -04:00
commit b3ad938ad4
2 changed files with 12 additions and 8 deletions

View file

@ -12,6 +12,8 @@
} }
.head { .head {
padding: 30px $item-lateral-padding 4rem; padding: 30px $item-lateral-padding 4rem;
border-top: 0;
.sending-label { .sending-label {
display: flex; display: flex;
font-size: 18px; font-size: 18px;
@ -122,6 +124,12 @@
.timeline-item { .timeline-item {
border: 0; border: 0;
&:nth-child(2) {
border-top: 1px solid $item-border-color;
}
&:last-child {
border-bottom: 1px solid $item-border-color;
}
padding: 17px $item-lateral-padding; padding: 17px $item-lateral-padding;
> * { > * {
@ -144,7 +152,7 @@
&::before { &::before {
content: ''; content: '';
background: #D2D2D2; background: #e8e8e8;
height: 100px; height: 100px;
width: 1px; width: 1px;
position: absolute; position: absolute;
@ -155,7 +163,7 @@
&::after { &::after {
content: ''; content: '';
background: #D2D2D2; background: #e8e8e8;
height: 100px; height: 100px;
width: 1px; width: 1px;
position: absolute; position: absolute;
@ -164,10 +172,6 @@
bottom: 0; bottom: 0;
} }
&::after {
}
> div { > div {
border: 3px solid #09C286; border: 3px solid #09C286;
border-radius: 50%; border-radius: 50%;

View file

@ -12,7 +12,7 @@
</button> </button>
</ion-header-bar> </ion-header-bar>
<ion-content ng-init="updateCopayerList()" ng-class="{'slide-to-pay': tx.pendingForUs && canSign && isCordova}"> <ion-content ng-init="updateCopayerList()" ng-class="{'slide-to-pay': tx.pendingForUs && canSign && !hasClick}">
<div class="list"> <div class="list">
<div class="item head"> <div class="item head">
<div class="sending-label"> <div class="sending-label">