anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

Fix styling for android

Browse source
This commit is contained in:
Gustavo Maximiliano Cortez 2017-05-08 17:09:55 -03:00
commit 6a33bbf161
No known key found for this signature in database
GPG key ID: 15EDAD8D9F2EB1AF
2 changed files with 22 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/sass/views/tab-receive.scss
View file

@ -2,24 +2,20 @@
@extend .deflash-blue; @extend .deflash-blue;
.address { .address {
background: #fff; background: #fff;
overflow: scroll; overflow: auto;
height: 100%; height: 100%;
&-info { &-info {
padding: 10% 0 18% 0; padding: 12% 0 20% 0;
text-align: center;
.address-label { .address-label {
margin-top: 5%; margin-top: 5%;
font-size: 13px; font-size: 13px;
} }
.qr {
position: relative;
top: 15%;
}
.request-button { .request-button {
padding-top: 20px; padding-top: 20px;
} }
} }
.incomplete { .incomplete {
height: 100%;
.title { .title {
padding-top: 10%; padding-top: 10%;
font-size: 25px; font-size: 25px;
@ -32,9 +28,6 @@
margin-top: 10%; margin-top: 10%;
text-align: center; text-align: center;
} }
.button {
margin: 10%;
}
} }
} }
.backup { .backup {
@ -44,8 +37,10 @@
cursor: pointer; cursor: pointer;
background-color: orange; background-color: orange;
color: #fff; color: #fff;
text-align: center;
padding: 5px 0;
i { i {
padding: 10px; margin: 0 10px;
} }
} }
.wallet-selector { .wallet-selector {

36
www/views/tab-receive.html
View file

@ -19,32 +19,28 @@
</div> </div>
</div> </div>
<div class="address-info" ng-if="wallet && wallet.isComplete()"> <div class="address-info" ng-if="wallet && wallet.isComplete()">
<div class="row qr"> <div copy-to-clipboard="copyToClipboard()">
<div class="text-center col"> <span ng-show="shouldShowReceiveAddressFromHardware()">
<div copy-to-clipboard="copyToClipboard()"> <button class="button button-standard button-primary" ng-click="showReceiveAddressFromHardware()">
<span ng-show="shouldShowReceiveAddressFromHardware()"> <span translate>Show address</span>
<button class="button button-standard button-primary" ng-click="showReceiveAddressFromHardware()"> </button>
<span translate>Show address</span> </span>
</button> <qrcode ng-if="addr" size="220" data="bitcoin:{{addr}}" color="#334"></qrcode>
</span> <div class="address-label">
<qrcode ng-if="addr" size="220" data="bitcoin:{{addr}}" color="#334"></qrcode> <span class="ellipsis">{{addr}}</span>
<div class="address-label"> <ion-spinner ng-show="!addr" class="spinner-dark" icon="crescent"></ion-spinner>
<span class="ellipsis">{{addr}}</span>
<ion-spinner ng-show="!addr" class="spinner-dark" icon="crescent"></ion-spinner>
</div>
</div>
<div ng-show="addr" class="request-button">
<button class="button button-standard button-primary button-outline button-small" ng-click="requestSpecificAmount()" translate>Request Specific amount</button>
</div>
</div> </div>
</div> </div>
<div ng-show="addr" class="request-button">
<button class="button button-standard button-primary button-outline button-small" ng-click="requestSpecificAmount()" translate>Request Specific amount</button>
</div>
</div> </div>
</article> </article>
<div class="backup" ng-if="wallets[0] && wallet && wallet.isComplete() && wallet.needsBackup" ng-click="openBackupNeededModal()"> <div class="backup" ng-if="wallets[0] && wallet && wallet.isComplete() && wallet.needsBackup" ng-click="openBackupNeededModal()">
<div class="text-center col center-block"> <i class="icon ion-alert"></i>
<i class="icon ion-alert"></i><span translate>Wallet not backed up</span><i class="icon ion-ios-arrow-thin-right"></i> <span translate>Wallet not backed up</span>
</div> <i class="icon ion-ios-arrow-thin-right"></i>
</div> </div>
<div class="wallet-selector" ng-click="showWalletSelector()" ng-if="wallets[0] && wallet"> <div class="wallet-selector" ng-click="showWalletSelector()" ng-if="wallets[0] && wallet">