diff --git a/src/js/services/communityService.js b/src/js/services/communityService.js
index 85e4b155f..24cc99474 100644
--- a/src/js/services/communityService.js
+++ b/src/js/services/communityService.js
@@ -38,14 +38,14 @@ angular.module('copayApp.services').factory('communityService', function(configS
var bchRedditItem = {
name: 'bchreddit',
title: 'Bitcoin Cash Reddit',
- icon: 'icon-reddit',
+ icon: 'icon-reddit-white',
href: 'http://reddit.com/r/btc'
};
var bitcoincomTwitterItem = {
name: 'bitcoincomTwitter',
title: 'Bitcoin.com Twitter',
- icon: 'icon-twitter',
+ icon: 'icon-twitter-white',
href: 'https://twitter.com/BTCTN'
};
diff --git a/src/sass/icons.scss b/src/sass/icons.scss
index b083835d8..9bb26919f 100644
--- a/src/sass/icons.scss
+++ b/src/sass/icons.scss
@@ -48,6 +48,55 @@
background: rgb(1, 209, 162);
}
}
+
+ &.theme-circle {
+ > .bg {
+ border-radius: 50%;
+ background-size: 85%;
+ background-position: 50%;
+ background-color: #FFFFFF;
+ box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
+ border: 1px solid #faba13;
+ text-align: center;
+ font-size: 30px;
+
+ &:before {
+ vertical-align: middle;
+ }
+
+ &.icon-shapeshift {
+ background-color: #263e5c;
+ }
+
+ &.icon-buy-bitcoin2 {
+ background-color: #494949;
+ }
+
+ &.icon-reddit-white {
+ background-image: url('../img/icon-reddit-white.svg');
+ background-color: #ff4500;
+ background-size: 60%;
+ }
+
+ &.icon-twitter-white {
+ background-image: url('../img/icon-twitter-white.svg');
+ background-color: #1da1f2;
+ background-size: 60%;
+ }
+ }
+ }
+
+ &.theme-circle-services {
+ > .bg {
+ border: 1px solid #191919;
+ }
+ }
+
+ &.theme-circle-community {
+ > .bg {
+ border: 1px solid #FFFFFF;
+ }
+ }
}
diff --git a/www/css/main.css b/www/css/main.css
index 4dcabe37c..e68b0f6ee 100644
--- a/www/css/main.css
+++ b/www/css/main.css
@@ -10011,6 +10011,33 @@ ion-view.deflash-blue:before, ion-view#view-amount:before, ion-view#view-confirm
background-size: 103%; }
.big-icon-svg > .bg.green {
background: #01d1a2; }
+ .big-icon-svg.theme-circle > .bg {
+ border-radius: 50%;
+ background-size: 85%;
+ background-position: 50%;
+ background-color: #FFFFFF;
+ box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
+ border: 1px solid #faba13;
+ text-align: center;
+ font-size: 30px; }
+ .big-icon-svg.theme-circle > .bg:before {
+ vertical-align: middle; }
+ .big-icon-svg.theme-circle > .bg.icon-shapeshift {
+ background-color: #263e5c; }
+ .big-icon-svg.theme-circle > .bg.icon-buy-bitcoin2 {
+ background-color: #494949; }
+ .big-icon-svg.theme-circle > .bg.icon-reddit-white {
+ background-image: url("../img/icon-reddit-white.svg");
+ background-color: #ff4500;
+ background-size: 60%; }
+ .big-icon-svg.theme-circle > .bg.icon-twitter-white {
+ background-image: url("../img/icon-twitter-white.svg");
+ background-color: #1da1f2;
+ background-size: 60%; }
+ .big-icon-svg.theme-circle-services > .bg {
+ border: 1px solid #191919; }
+ .big-icon-svg.theme-circle-community > .bg {
+ border: 1px solid #FFFFFF; }
.wallet-item {
padding: 1rem 0 2rem 0; }
@@ -10439,6 +10466,11 @@ textarea.d-block {
text-align: center;
position: relative;
padding: 10px 30px; }
+ #view-amount .scroll-content .send-amount .send-amount-tool .send-amount-tool-input .text-selectable {
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text; }
#view-amount .scroll-content .send-amount .send-amount-tool .send-amount-tool-input .primary-amount input, #view-amount .scroll-content .send-amount .send-amount-tool .send-amount-tool-input .primary-amount .unit, #view-amount .scroll-content .send-amount .send-amount-tool .send-amount-tool-input .primary-amount .primary-amount-display {
font-size: 1.8em; }
@media (min-width: 375px) {
@@ -10709,15 +10741,13 @@ textarea.d-block {
#tab-home .homeTip {
text-align: center; }
#tab-home .homeTip > .item-heading {
- margin-top: 10px;
background: 0 none; }
#tab-home .homeTip .item {
border-style: none; }
- #tab-home .homeTip > .title {
+ #tab-home .homeTip .title {
font-size: 20px;
font-weight: bold;
- color: #445;
- margin: 20px 10px; }
+ color: #445; }
#tab-home .homeTip > .subtitle {
font-size: 1rem;
line-height: 1.5em;
@@ -10730,7 +10760,9 @@ textarea.d-block {
#tab-home .icon.close-home-tip {
color: #666;
- font-size: 38px; }
+ font-size: 38px;
+ height: auto;
+ top: 8px; }
#tab-home .tab-home__logo {
height: 18px;
diff --git a/www/img/icon-reddit-white.svg b/www/img/icon-reddit-white.svg
new file mode 100644
index 000000000..b749b4561
--- /dev/null
+++ b/www/img/icon-reddit-white.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/www/img/icon-twitter-white.svg b/www/img/icon-twitter-white.svg
new file mode 100644
index 000000000..5dafba78a
--- /dev/null
+++ b/www/img/icon-twitter-white.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/www/views/includes/community.html b/www/views/includes/community.html
index d39e86c17..a8c021745 100644
--- a/www/views/includes/community.html
+++ b/www/views/includes/community.html
@@ -7,14 +7,14 @@