added correct icon type and background to home tip on home tab

This commit is contained in:
Jamal Jackson 2016-09-21 10:52:47 -04:00
commit b0f2356b49
4 changed files with 27 additions and 2 deletions

View file

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="13px" height="12px" viewBox="0 0 13 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>DF90EF75-F651-4B5A-9143-4512A3D52EC8</title>
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Dashboard---Activity" transform="translate(-1149.000000, -268.000000)" fill="#ffffff">
<g id="Body" transform="translate(-3.000000, 108.000000)">
<g id="Main-Container" transform="translate(332.000000, 0.000000)">
<g id="Transactions" transform="translate(-2.000000, 62.000000)">
<path d="M823.142857,104.25 C822.822545,104.25 822.533482,104.398438 822.345982,104.648438 C822.18192,104.867188 822.111607,105.125 822.15067,105.390625 C822.189732,105.65625 822.330357,105.890625 822.541295,106.054688 L826.541295,109.054688 C826.752232,109.210938 827.033482,109.28125 827.299107,109.242188 C827.564732,109.195313 827.80692,109.046875 827.96317,108.828125 L833.955357,100.328125 C834.27567,99.875 834.166295,99.25 833.720982,98.9296875 C833.283482,98.625 832.627232,98.7421875 832.322545,99.171875 L826.916295,106.828125 L823.74442,104.453125 C823.564732,104.320313 823.361607,104.25 823.142857,104.25 L823.142857,104.25 Z" id="check"></path>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View file

@ -4,14 +4,13 @@
</ion-nav-bar>
<ion-content class="padding" ng-controller="tabHomeController" ng-init="updateAllWallets(); nextStep()">
<div class="list card homeTip" ng-show="homeTip">
<div class="item item-icon-right item-heading">
<a ng-click="hideHomeTip()"><i class="icon ion-ios-close-empty close-home-tip"></i></a>
</div>
<div>
<i class="icon big-icon-svg">
<img src="img/icon-wallet.svg" class="bg"/>
<img src="img/check-white.svg" class="bg green"/>
</i>
</div>
<div class="title" translate>

View file

@ -40,6 +40,9 @@
background-repeat:no-repeat;
background-clip: padding-box;
background-size: 103%;
&.green{
background: rgb(1, 209, 162);
}
}
}
.overlay {

View file

@ -39,5 +39,10 @@
font-size: 18px;
font-weight: 100;
}
.big-icon-svg{
.bg.green{
padding: 0 10px;
}
}
}
}