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

Fix preferences layout for small screens

Browse source
This commit is contained in:
Gustavo Maximiliano Cortez 2015-10-15 16:13:40 -03:00
commit 364c9833e3
2 changed files with 46 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

90
public/views/preferences.html
View file

@ -13,51 +13,53 @@
<li ng-click="$root.go('preferencesAlias')"> <li ng-click="$root.go('preferencesAlias')">
<span translate>Wallet Alias</span> <div class="right text-gray">
<span class="right text-gray">
<i class="icon-arrow-right3 size-24 right"></i>
{{index.alias||index.walletName}} {{index.alias||index.walletName}}
</span> <i class="icon-arrow-right3 size-24"></i>
</div>
<div translate>Wallet Alias</div>
</li> </li>
<li ng-click="$root.go('preferencesEmail')"> <li ng-click="$root.go('preferencesEmail')">
<span translate>Email Notifications</span> <div class="right text-gray">
<span class="right text-gray"> <span ng-if="!index.preferences.email" translate>Disabled</span>
<i class="icon-arrow-right3 size-24 right"></i> <span ng-if="index.preferences.email">{{index.preferences.email}}</span>
<span ng-if="!index.preferences.email" translate>Disabled</span> <i class="icon-arrow-right3 size-24"></i>
<span ng-if="index.preferences.email">{{index.preferences.email}}</span> </div>
</span> <div translate>Email Notifications</div>
</li> </li>
<li ng-click="$root.go('preferencesColor')"> <li ng-click="$root.go('preferencesColor')">
<span translate>Color</span> <div class="right text-gray">
<span class="right text-gray">
<i class="icon-arrow-right3 size-24 right"></i>
<span ng-style="{'color':index.backgroundColor}">&block;</span> <span ng-style="{'color':index.backgroundColor}">&block;</span>
</span> <i class="icon-arrow-right3 size-24"></i>
</div>
<div translate>Color</div>
</li> </li>
<li ng-show="index.isPrivKeyExternal"> <li ng-show="index.isPrivKeyExternal">
<span translate>Hardware wallet</span> <div class="right text-gray">
<span class="right text-gray">
{{preferences.externalSource}} {{preferences.externalSource}}
<!-- (Accont {{preferences.externalAccount}}) --> <!-- (Accont {{preferences.externalAccount}}) -->
</span> </div>
<div translate>Hardware wallet</div>
</li> </li>
<h4> <h4>
</h4> </h4>
<li ng-click="$root.go('backup')" ng-hide="index.isPrivKeyExternal"> <li ng-click="$root.go('backup')" ng-hide="index.isPrivKeyExternal">
<i class="icon-arrow-right3 size-24 right text-gray"></i> <div class="right text-gray">
<span class="text-warning right" ng-show="index.needsBackup"> <span class="text-warning" ng-show="index.needsBackup">
<i class="fi-alert"></i> <span translate> Still not done</span> <i class="fi-alert"></i><span translate>Still not done</span>
</span> </span>
<span translate>Backup</span> <i class="icon-arrow-right3 size-24 text-gray"></i>
</div>
<div translate>Backup</div>
</li> </li>
<li ng-click="$root.go('preferencesAdvanced')"> <li ng-click="$root.go('preferencesAdvanced')">
<i class="icon-arrow-right3 size-24 right text-gray"></i> <i class="icon-arrow-right3 size-24 right text-gray"></i>
<span translate>Advanced</span> <div translate>Advanced</div>
</li> </li>
</ul> </ul>
<h4 translate> <h4 translate>
@ -65,12 +67,12 @@
</h4> </h4>
<ul class="no-bullet m0 "> <ul class="no-bullet m0 ">
<li ng-hide="index.isPrivKeyExternal"> <li ng-hide="index.isPrivKeyExternal">
<span translate>Request Password</span>
<switch id="network-name" name="encrypt" ng-model="encrypt" class="green right"></switch> <switch id="network-name" name="encrypt" ng-model="encrypt" class="green right"></switch>
<div translate>Request Password</div>
</li> </li>
<li ng-show="preferences.touchidAvailable"> <li ng-show="preferences.touchidAvailable">
<span translate>Scan Fingerprint</span>
<switch id="touchid" name="touchid" ng-model="touchid" class="green right"></switch> <switch id="touchid" name="touchid" ng-model="touchid" class="green right"></switch>
<div translate>Scan Fingerprint</div>
</li> </li>
</ul> </ul>
<ul class="no-bullet m0 "> <ul class="no-bullet m0 ">
@ -78,42 +80,42 @@
<h4 translate>Global settings</h4> <h4 translate>Global settings</h4>
<li ng-show="!index.noFocusedWallet" ng-click="$root.go('preferencesLanguage')"> <li ng-show="!index.noFocusedWallet" ng-click="$root.go('preferencesLanguage')">
<span translate>Language</span> <div class="right text-gray">
<span class="right text-gray">
<i class="icon-arrow-right3 size-24 right"></i>
{{preferences.currentLanguageName|translate}} {{preferences.currentLanguageName|translate}}
</span> <i class="icon-arrow-right3 size-24"></i>
</div>
<div translate>Language</div>
</li> </li>
<li ng-show="!index.noFocusedWallet" ng-click="$root.go('preferencesUnit')"> <li ng-show="!index.noFocusedWallet" ng-click="$root.go('preferencesUnit')">
<span translate>Unit</span> <div class="right text-gray">
<span class="right text-gray">
<i class="icon-arrow-right3 size-24 right"></i>
{{preferences.unitName}} {{preferences.unitName}}
</span> <i class="icon-arrow-right3 size-24"></i>
</div>
<div translate>Unit</div>
</li> </li>
<li ng-show="!index.noFocusedWallet" ng-click="$root.go('preferencesAltCurrency')"> <li ng-show="!index.noFocusedWallet" ng-click="$root.go('preferencesAltCurrency')">
<span translate>Alternative Currency</span> <div class="right text-gray">
<span class="right text-gray">
<i class="icon-arrow-right3 size-24 right"></i>
{{preferences.selectedAlternative.name}} {{preferences.selectedAlternative.name}}
</span> <i class="icon-arrow-right3 size-24"></i>
</div>
<div translate>Alternative Currency</div>
</li> </li>
<li ng-show="!index.noFocusedWallet" ng-click="$root.go('preferencesFee')" <li ng-show="!index.noFocusedWallet" ng-click="$root.go('preferencesFee')"
ng-show="(index.network == 'livenet' ? index.feeLevels.livenet : index.feeLevels.testnet)"> ng-show="(index.network == 'livenet' ? index.feeLevels.livenet : index.feeLevels.testnet)">
<span translate>Bitcoin Network Fee Policy</span> <div class="right text-gray">
<span class="right text-gray">
<i class="icon-arrow-right3 size-24 right"></i>
{{index.feeOpts[index.currentFeeLevel]|translate}} {{index.feeOpts[index.currentFeeLevel]|translate}}
</span> <i class="icon-arrow-right3 size-24"></i>
</div>
<div translate>Bitcoin Network Fee Policy</div>
</li> </li>
<li ng-show="!index.noFocusedWallet"> <li ng-show="!index.noFocusedWallet">
<span translate>Use Unconfirmed Funds</span>
<switch id="spend-unconfirmed" name="spendUnconfirmed" ng-model="spendUnconfirmed" class="green right"></switch> <switch id="spend-unconfirmed" name="spendUnconfirmed" ng-model="spendUnconfirmed" class="green right"></switch>
<div translate>Use Unconfirmed Funds</div>
</li> </li>
<li ng-show="!index.noFocusedWallet"> <li ng-show="!index.noFocusedWallet">
<span>Enable Glidera Service</span>
<switch id="glidera-enabled" name="glideraEnabled" ng-model="glideraEnabled" class="green right"></switch> <switch id="glidera-enabled" name="glideraEnabled" ng-model="glideraEnabled" class="green right"></switch>
<div>Enable Glidera Service</div>
</li> </li>
<!-- Disabled for testnet <!-- Disabled for testnet
@ -125,7 +127,7 @@
<li ng-click="$root.go('about')"> <li ng-click="$root.go('about')">
<i class="icon-arrow-right3 size-24 right text-gray"></i> <i class="icon-arrow-right3 size-24 right text-gray"></i>
<span translate>About Copay</span> <div translate>About Copay</div>
</li> </li>
</ul> </ul>

1
src/css/main.css
View file

@ -564,7 +564,6 @@ input[type=number]::-webkit-outer-spin-button {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
padding-top: 3px;
} }
ul.pagination li.current a { ul.pagination li.current a {