fix modals for small devices

This commit is contained in:
Gustavo Maximiliano Cortez 2014-12-12 17:23:06 -03:00
commit 7e40b8680f

View file

@ -1,5 +1,6 @@
<div class="header-modal"> <div class="header-modal">
<div ng-repeat="out in tx.outs"> <div class="row collapse" ng-repeat="out in tx.outs">
<div class="small-10 columns">
<div class="ellipsis p10b size-16 m20r"> <div class="ellipsis p10b size-16 m20r">
<span class="tx-proposal size-12 m5r"> <i ng-class="{'active':pendingForUs}" class="fi-arrow-right"></i> </span> <span class="tx-proposal size-12 m5r"> <i ng-class="{'active':pendingForUs}" class="fi-arrow-right"></i> </span>
<span class="text-gray"> <span class="text-gray">
@ -20,6 +21,7 @@
{{out.alternativeAmount}} {{out.alternativeIsoCode}} {{out.alternativeAmount}} {{out.alternativeIsoCode}}
</span> </span>
</div> </div>
</div>
</div> </div>
<a class="close-reveal-modal" ng-click="cancel()"><i class="fi-x size-18"></i></a> <a class="close-reveal-modal" ng-click="cancel()"><i class="fi-x size-18"></i></a>
</div> </div>
@ -75,10 +77,10 @@
<a class="close-notification text-warning" ng-click="error=null">&#215;</a> <a class="close-notification text-warning" ng-click="error=null">&#215;</a>
</div> </div>
<div class="row" <div class="row collapse"
ng-init="hideSign = false; hideReject = false" ng-init="hideSign = false; hideReject = false"
ng-show="!tx.signedBy[$root.wallet.getMyCopayerId()] && !tx.rejectedBy[$root.wallet.getMyCopayerId()]"> ng-show="!tx.signedBy[$root.wallet.getMyCopayerId()] && !tx.rejectedBy[$root.wallet.getMyCopayerId()]">
<div class="large-6 medium-6 small-6 columns"> <div class="large-5 medium-5 small-5 columns">
<button class="button warning m0 expand" ng-click="hideSign = true; reject(tx.ntxid);" <button class="button warning m0 expand" ng-click="hideSign = true; reject(tx.ntxid);"
ng-disabled="loading" ng-show="!hideReject"> ng-disabled="loading" ng-show="!hideReject">
<i class="fi-x icon-sign x" ng-show="!loading"></i> <i class="fi-x icon-sign x" ng-show="!loading"></i>
@ -86,7 +88,7 @@
<span translate>Reject</span> <span translate>Reject</span>
</button> </button>
</div> </div>
<div class="large-6 medium-6 small-6 columns text-right"> <div class="large-5 medium-5 small-5 columns text-right">
<button class="button primary m0 expand" ng-click="hideReject = true; sign(tx.ntxid)" <button class="button primary m0 expand" ng-click="hideReject = true; sign(tx.ntxid)"
ng-disabled="loading" ng-show="!hideSign"> ng-disabled="loading" ng-show="!hideSign">
<i class="fi-check icon-sign check" ng-show="!loading"></i> <i class="fi-check icon-sign check" ng-show="!loading"></i>