fix address book for small devices

This commit is contained in:
Gustavo Maximiliano Cortez 2014-12-05 12:29:47 -03:00
commit d8052de809
3 changed files with 12 additions and 9 deletions

View file

@ -1494,6 +1494,13 @@ a.text-warning:hover {color: #FD7262;}
} }
} }
@media only screen and (max-width: 40em) {
dialog.large, .reveal-modal.large {
height: auto;
padding: 0;
}
}
@media (max-height: 380px) { @media (max-height: 380px) {
.sidebar-footer { .sidebar-footer {
display: none; display: none;
@ -1642,10 +1649,6 @@ a.text-warning:hover {color: #FD7262;}
text-align: center; text-align: center;
} }
.postfix.button.addressbook {
right: 60px;
}
.addressbook-entry td { .addressbook-entry td {
display: block; display: block;
cursor: pointer; cursor: pointer;

View file

@ -12,7 +12,7 @@
{{success}} {{success}}
</span> </span>
</div> </div>
<table class="addressbook" ng-show="!showForm && hasEntry()"> <table class="addressbook m0" ng-show="!showForm && hasEntry()">
<thead> <thead>
<tr> <tr>
<th translate>Entry</th> <th translate>Entry</th>

View file

@ -42,10 +42,7 @@
<div class="input"> <div class="input">
<input type="text" id="address" name="address" ng-disabled="loading || !!$root.merchant || isPayUri" <input type="text" id="address" name="address" ng-disabled="loading || !!$root.merchant || isPayUri"
placeholder="{{'Bitcoin address'|translate}}" ng-model="address" valid-address required> placeholder="{{'Bitcoin address'|translate}}" ng-model="address" valid-address required>
<i class="fi-address-book"></i> <i class="fi-address-book"></i>
<a class="postfix button addressbook" ng-click="openAddressBook()">
<i class="fi-address-book size-24"></i>
</a>
<div ng-hide="showScanner || disableScanner"> <div ng-hide="showScanner || disableScanner">
<a class="postfix button black" ng-click="openScanner()"><i class="fi-camera size-24"></i></a> <a class="postfix button black" ng-click="openScanner()"><i class="fi-camera size-24"></i></a>
</div> </div>
@ -168,6 +165,9 @@
<div class="row"> <div class="row">
<div class="large-6 medium-6 small-6 columns text-left"> <div class="large-6 medium-6 small-6 columns text-left">
<a class="button tiny secondary m0" title="Address book" ng-hide="!!$root.merchant || isPayUri" ng-click="openAddressBook()">
<i class="fi-address-book"></i> Address book
</a>
<a ng-click="cancelSend(sendForm)" class="button warning m0" ng-show="!!$root.merchant || isPayUri"> <a ng-click="cancelSend(sendForm)" class="button warning m0" ng-show="!!$root.merchant || isPayUri">
Cancel Cancel
</a> </a>