BTCPrivate
/
copay
mirror of https://github.com/BTCPrivate/copay.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

add external link item

This commit is contained in:
Marty Alcala 2016-10-14 15:43:29 -04:00
parent a24da40cb9
commit 82324dca9e
3 changed files with 69 additions and 10 deletions
Show Stats 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 {
.bp-action-sheet__sheet {
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
.incoming-data-menu {
&__header {
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 {
background: rgba(203, 203, 203, .13);
@ -11,13 +42,12 @@ incoming-data-menu {
border-radius: 4px;
display: flex;
align-items: center;
margin-bottom: .5rem;
&__icon {
padding: 0 9px 0 10px;
display: flex;
align-items: center;
//margin-right: .5rem;
//border-right: 1px solid #E4E4E4;
}
&__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-show="showMenu">
<div class="incoming-data-menu__header">Website</div>
<div class="incoming-data-menu__url">
<div class="incoming-data-menu__url__icon">
<img src="img/icon-lock-green.svg">
</div>
<div class="incoming-data-menu__url__text">
https://bitpay.com
<div class="incoming-data-menu__item head">
<div class="incoming-data-menu__header">Website</div>
<div class="incoming-data-menu__url">
<div class="incoming-data-menu__url__icon">
<img src="img/icon-lock-green.svg">
</div>
<div class="incoming-data-menu__url__text">
https://bitpay.com
</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>