Skip to content

Commit 2e9d522

Browse files
jeromelacotejeromelacote
committed
UI polish
CSS and HTML UI polish: tidied up font sizes, margins and paddings. Used more gradients to make the app less "flat"
1 parent 4c709ce commit 2e9d522

33 files changed

+117
-90
lines changed

‎public/partialClient.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
</section>
3333
<section class="middle tab-bar-section">
3434
<h1 class="title ellipsis" id="name1Color"
35-
style="color: rgb(74, 144, 226);">
35+
style="color: '#E4E8EC';">
3636
<span id="name1"></span>
3737
</h1>
3838
</section>
@@ -50,7 +50,7 @@
5050
</div>
5151
<div class="pr columns line-b">
5252
<div class="avatar-wallet left" id="subStrName"
53-
style="background-color: rgb(74, 144, 226);">S
53+
style="background-color: '#E4E8EC';">
5454
</div>
5555
<div class="wallet-info">
5656
<p class="m0" id="name2"></p>
@@ -78,4 +78,4 @@
7878
<div>
7979
<img style="width: auto;height: 75px;" src="img/icons/obyte-logo-negative.svg">
8080
</div>
81-
</div>
81+
</div>

‎public/views/acceptCorrespondentInvitation.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@ <h1 class="title ellipsis" ng-style="{'color': noColor ? '#4A90E2' : index.backg
4545
<div class="columns m20t m20b" >
4646
<form name="pairingCodeForm" class="p10" no-validate>
4747
<span translate>Enter the pairing code received from the other device, or use your camera (icon at the upper right corner) to scan the QR code displayed on the other device.</span>
48-
<div class="text-warning size-12 m10b" ng-show="error">{{error|translate}}</div>
48+
<div class="text-warning size-13 m10b" ng-show="error">{{error|translate}}</div>
4949
<input type="text" placeholder="{{'Pairing code'|translate}}" id="code" name="code" ng-model="code" required>
5050
<div class="row">
5151
<div>

‎public/views/backup.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -83,7 +83,7 @@ <h4></h4>
8383

8484
<div class="row" ng-show="wordsC.show">
8585
<div class="m10t text-center columns">
86-
<div class="size-12 text-gray">
86+
<div class="size-13 text-gray">
8787
<span translate>
8888
Once you have written your wallet seed down, it is recommended to delete it from this device.
8989
</span>

‎public/views/copayers.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ <h4 class="title oh m0">
2828
</h4>
2929
<div class="p10 line-b" ng-include="'views/includes/copayers.html'"></div>
3030
<div ng-if="!index.isComplete" class="p10 line-b m20b">
31-
<p class="size-12 m0">
31+
<p class="size-13 m0">
3232
<i class="fi-loop"></i>
3333
<span translate>Waiting...</span>
3434
</p>

‎public/views/correspondentDevice.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -306,7 +306,7 @@ <h1 class="title ellipsis" ng-style="{'color': noColor ? '#4A90E2' : index.backg
306306
</div>
307307
</div>
308308

309-
<div class="message-log size-12 enable_text_select" scroll-bottom="messageEvents" when-scrolled="loadMoreHistory" bind-to-height="['bottom','form[name=chatForm]']" ng-mousemove="newMsgCounterEnabled ?'': newMessagesCount[correspondent.device_address] = 0">
309+
<div class="message-log size-13 enable_text_select" scroll-bottom="messageEvents" when-scrolled="loadMoreHistory" bind-to-height="['bottom','form[name=chatForm]']" ng-mousemove="newMsgCounterEnabled ?'': newMessagesCount[correspondent.device_address] = 0">
310310
<div class="chat-message" ng-repeat="messageEvent in messageEvents">
311311
<!--div style="width:100%" ng-style="messageEvent.bIncoming ? {'text-align': 'left'} : {'text-align': 'right'}"-->
312312
<!--div style="max-width: 70%; text-align: left; display: inline-block" ng-bind-html="messageEvent.message"></div-->
@@ -319,7 +319,7 @@ <h1 class="title ellipsis" ng-style="{'color': noColor ? '#4A90E2' : index.backg
319319
</div>
320320

321321
<form name="chatForm" class="send-form columns" no-validate ng-mousemove="newMsgCounterEnabled ?'': newMessagesCount[correspondent.device_address] = 0">
322-
<div class="text-warning size-12 m10b" ng-show="error">{{error|translate}}</div>
322+
<div class="text-warning size-13 m10b" ng-show="error">{{error|translate}}</div>
323323
<button
324324
class="chatbutton left"
325325
dropdown-toggle="#drop" data-options="align:top"><i class="size-18 icon-dots-three-horizontal"></i></button>

‎public/views/correspondentDevices.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@
4949

5050
.bots-orders-list.f-dropdown li,
5151
.contacts-orders-list.f-dropdown li { fo5nt-size: 12px }
52-
52+
5353
.contacts-orders-list.f-dropdown li a .check, .bots-orders-list.f-dropdown li a .check {
5454
position: inherit;
5555
}
@@ -150,13 +150,13 @@
150150
<li class="m10t" ng-show="!editCorrespondentList">
151151
<a ng-click="beginAddCorrespondent()" class="p10">
152152
<i class="fi-plus size-18 m10r" style="vertical-align: middle;"></i>
153-
<span class="text-close size-12" translate>Add a new device</span>
153+
<span class="text-close size-14" translate>Add a new device</span>
154154
</a>
155155
</li>
156156
<li class="m10t m30b" ng-show="!editCorrespondentList" style="padding-bottom: env(safe-area-inset-bottom);">
157157
<a ng-click="hideRemove = !hideRemove" class="p10">
158158
<i class="fi-minus size-18 m10r" style="vertical-align: middle;"></i>
159-
<span class="text-close size-12" translate>Remove a device</span>
159+
<span class="text-close size-14" translate>Remove a device</span>
160160
</a>
161161
</li>
162162
</ul>
@@ -195,9 +195,9 @@
195195
</div>
196196
</li>
197197
</ul>
198-
<div class="text-warning size-12 m10b" ng-show="botsError">{{botsError|translate}}</div>
198+
<div class="text-warning size-13 m10b" ng-show="botsError">{{botsError|translate}}</div>
199199
</div>
200200
</div>
201201

202202
</div>
203-
<div ng-include="'views/includes/menu.html'" ng-show="!index.noFocusedWallet"></div>
203+
<div ng-include="'views/includes/menu.html'" ng-show="!index.noFocusedWallet"></div>

‎public/views/editCorrespondentDevice.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ <h1 class="title ellipsis" ng-style="{'color': noColor ? '#4A90E2' : index.backg
3838
</div>
3939

4040
<form name="editForm" class="m20t" no-validate>
41-
<div class="text-warning size-12 m10b" ng-show="error">{{error|translate}}</div>
41+
<div class="text-warning size-13 m10b" ng-show="error">{{error|translate}}</div>
4242
<span translate>Rename:</span>
4343
<input type="text" id="name" name="name" ng-model="name" required>
4444
<span translate>Change hub:</span>

‎public/views/export.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ <h4></h4>
5252
</div>
5353
</div>
5454
</form>
55-
<div class="text-alert size-12 columns">
55+
<div class="text-alert size-13 columns">
5656
<span translate>WARNING:</span>
5757
<ul class="warnings">
5858
<li translate>If you plan to restore the wallet on another device, stop using it on the current one immediately after creating the backup. Never clone wallets. If you need access from several devices, use multisig.</li>

‎public/views/import.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ <h4></h4>
4040
value="{{'Import'|translate}}" ng-style="{'background-color':index.backgroundColor}">
4141
</form>
4242
</div>
43-
<div class="text-alert size-12 columns">
43+
<div class="text-alert size-13 columns">
4444
<span translate>WARNINGS:</span>
4545
<ul class="warnings">
4646
<li translate>This will permanently delete all your existing wallets!</li>

‎public/views/includes/copayers.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<span class="size-12" ng-show="copayer.me">
44
<i class="fi-check m5r"></i> {{'Me'|translate}}
55
</span>
6-
<span class="size-12 text-gray" ng-show="!copayer.me">
6+
<span class="size-13 text-gray" ng-show="!copayer.me">
77
<i class="m5r" ng-class="copayer.approval_date ? 'fi-check' : 'fi-clock'"></i> {{copayer.name}} ({{copayer.device_address.substr(0,4)}}...)
88
</span>
99
</li>

0 commit comments

Comments
 (0)