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

add external link item

Browse source
This commit is contained in:
Marty Alcala 2016-10-14 15:43:29 -04:00
commit 82324dca9e
3 changed files with 69 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/sass/views/includes/incomingDataMenu.scss
View file

@ -1,8 +1,39 @@
incoming-data-menu { incoming-data-menu {
.bp-action-sheet__sheet {
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
.incoming-data-menu { .incoming-data-menu {
&__header { &__header {
padding-bottom: 1rem; padding-bottom: 1rem;
font-size: 16px;
}
&__item {
border-top: 1px solid #f7f4f4;
font-size: 14px;
padding: 1rem 1.25rem;
color: #4A4A4A;
display: flex;
align-items: center;
&.head {
display: block;
padding-top: 1.5rem;
}
&:first-child {
border: 0;
}
> img {
margin-right: 1rem;
}
}
&__cancel {
} }
&__url { &__url {
background: rgba(203, 203, 203, .13); background: rgba(203, 203, 203, .13);
@ -11,13 +42,12 @@ incoming-data-menu {
border-radius: 4px; border-radius: 4px;
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: .5rem;
&__icon { &__icon {
padding: 0 9px 0 10px; padding: 0 9px 0 10px;
display: flex; display: flex;
align-items: center; align-items: center;
//margin-right: .5rem;
//border-right: 1px solid #E4E4E4;
} }
&__text { &__text {

22
www/img/icon-link-external.svg Normal file
View file

@ -0,0 +1,22 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="18px" height="18px" viewBox="0 0 18 18" 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>arrows-24px-outline-4_launch-47</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Scan" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="2.2---Scan-URL" transform="translate(-24.000000, -564.000000)" stroke="#8F8F90">
<g id="Group-2" transform="translate(0.000000, 448.000000)">
<g id="Group-3" transform="translate(0.000000, 98.000000)">
<g id="arrows-24px-outline-4_launch-47" transform="translate(25.000000, 19.000000)">
<g id="Group">
<path d="M8,8 L16,0" id="Shape"></path>
<polyline id="Shape" points="10.1818182 0 16 0 16 5.81818182"></polyline>
<polyline id="Shape" points="5.81818182 2.90909091 0 2.90909091 0 16 13.0909091 16 13.0909091 10.1818182"></polyline>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

21
www/views/includes/incomingDataMenu.html
View file

@ -1,12 +1,19 @@
<action-sheet <action-sheet
action-sheet-show="showMenu"> action-sheet-show="showMenu">
<div class="incoming-data-menu__header">Website</div> <div class="incoming-data-menu__item head">
<div class="incoming-data-menu__url"> <div class="incoming-data-menu__header">Website</div>
<div class="incoming-data-menu__url__icon"> <div class="incoming-data-menu__url">
<img src="img/icon-lock-green.svg"> <div class="incoming-data-menu__url__icon">
</div> <img src="img/icon-lock-green.svg">
<div class="incoming-data-menu__url__text"> </div>
https://bitpay.com <div class="incoming-data-menu__url__text">
https://bitpay.com
</div>
</div> </div>
</div> </div>
<a class="incoming-data-menu__item item item-icon-right">
<img src="img/icon-link-external.svg">
<div>Open website</div>
<i class="icon bp-arrow-right"></i>
</a>
</action-sheet> </action-sheet>