add broadcasted icon

This commit is contained in:
Marty Alcala 2016-10-21 18:13:12 -04:00
parent e5742e82f7
commit 9620435379
3 changed files with 23 additions and 3 deletions

View File

@ -195,7 +195,7 @@
}
> div {
border: 3px solid #09C286;
border: 3px solid #13e5b6;
border-radius: 50%;
display: flex;
height: 26px;
@ -205,7 +205,7 @@
justify-content: center;
font-weight: 600;
vertical-align: middle;
color: #09C286;
color: #13e5b6;
&.rejected {
background: #E15061;

View File

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="25px" height="25px" viewBox="0 0 25 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
<title>Group</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Wallet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="1.4---Transaction-(Detail)" transform="translate(-39.000000, -914.000000)">
<g id="Group-2-Copy-6" transform="translate(41.000000, 909.000000)">
<g id="Group" transform="translate(0.000000, 7.000000)">
<path d="M10.5,21 C16.2989899,21 21,16.2989899 21,10.5 C21,4.70101013 16.2989899,0 10.5,0 C4.70101013,0 0,4.70101013 0,10.5 C0,16.2989899 4.70101013,21 10.5,21 Z" id="Oval-2-Copy-3" stroke="#13E5B6" stroke-width="3" fill="#13E5B6"></path>
<path d="M4.8565172,10.7739543 L17.6308211,10.7739543 M9.55650668,16.6261508 L3.82082067,10.8572239 L9.35708555,5.17917933" id="Line" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="translate(10.725821, 10.902665) scale(1, -1) rotate(-135.000000) translate(-10.725821, -10.902665) "></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -76,7 +76,10 @@
<div class="timeline-content">
<div class="timeline-content__icon">
<div class="rejected" ng-if="a.type === 'reject'">!</div>
<div ng-if="a.type !== 'reject'">{{actionList.length - $index}}</div>
<img src="img/icon-broadcasted.svg" ng-if="a.type === 'broadcasted'">
<div ng-if="a.type !== 'reject' && a.type !== 'broadcasted'">
{{actionList.length - $index}}
</div>
</div>
<div class="timeline-content__label">
<div class="action">{{a.description}}</div>