diff --git a/src/sass/directives/gravatar.scss b/src/sass/directives/gravatar.scss index 49587d201..6a6307ef4 100644 --- a/src/sass/directives/gravatar.scss +++ b/src/sass/directives/gravatar.scss @@ -1,18 +1,4 @@ .gravatar { border-radius: 50%; -} - -.gravatar-content { - position: relative; - height: 70px; - border-color: #172565; - background-color: #1e3186; - background-image: linear-gradient(0deg, #172565, #172565 0%, transparent 0%); - color: #fff; - margin-bottom: 50px; - .gravatar { - position: absolute; - bottom: -30px; - left: 41%; - } + display: inline-block; } diff --git a/src/sass/icons.scss b/src/sass/icons.scss index fd352e9ca..0e7c431a5 100644 --- a/src/sass/icons.scss +++ b/src/sass/icons.scss @@ -1,13 +1,20 @@ .icon.bp-arrow-right { @extend .ion-ios-arrow-right; + @extend .just-a-hint; } .icon.bp-arrow-down { @extend .ion-ios-arrow-down; + @extend .just-a-hint; } .icon.bp-arrow-up { @extend .ion-ios-arrow-up; + @extend .just-a-hint; +} + +.just-a-hint { + opacity: 0.2; } .item.item-big-icon-left { diff --git a/src/sass/ionic.scss b/src/sass/ionic.scss index 4b1d5b6b1..6ea7f90db 100644 --- a/src/sass/ionic.scss +++ b/src/sass/ionic.scss @@ -15,19 +15,6 @@ ion-tabs.ion-tabs-transparent { background: none transparent; } -// Some overrides for the card class which can't be set by variable -.card, .list { - .icon { - color: $light-gray; - } - & > .item-heading { - font-weight: 700; - .icon { - color: $mid-gray; - } - } -} - // .placeholder-icon padding cannot be modified by a variable $placeholder-icon-padding: 10px; .placeholder-icon { @@ -38,3 +25,8 @@ $placeholder-icon-padding: 10px; padding-left: $placeholder-icon-padding; } } + +// .item-input-wrapper background cannot be modified by a variable +.item-input-wrapper { + background: none transparent; +} diff --git a/src/sass/variables.scss b/src/sass/variables.scss index b10787fd0..59f4fbd1a 100644 --- a/src/sass/variables.scss +++ b/src/sass/variables.scss @@ -2,7 +2,7 @@ $royal: #1e3186; $soft-blue: #647ce8; $fill-blue: #D5DFFF; -$subtle-gray: #f7f7f7; +$subtle-gray: darken(#fff, 5%); $roboto: "Roboto", sans-serif; $roboto-light: "Roboto-Light", sans-serif-light; $success-green: #17ae8c; @@ -10,7 +10,7 @@ $warning-orange: #ffa500; $dark-gray: #445; $mid-gray: #667; $light-gray: #9b9bab; -$subtle-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); +$subtle-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); $hovering-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.3); $subtle-radius: 3px; $visible-radius: 6px; @@ -18,21 +18,34 @@ $unmistakable-radius: 12px; /* Set ionic variables */ -$positive: $soft-blue; +$positive: $soft-blue; -$font-size-base: 16px; -$font-size-small: 12px; -$font-family-sans-serif: $roboto; -$font-family-light-sans-serif: $roboto-light; +$font-size-base: 16px; +$font-size-small: 12px; +$font-family-sans-serif: $roboto; +$font-family-light-sans-serif: $roboto-light; -$button-border-radius: $visible-radius; -$button-height: 52px; -$button-padding: 16px; +$button-border-radius: $visible-radius; +$button-height: 52px; +$button-padding: 16px; -$base-background-color: $subtle-gray; +$base-background-color: $subtle-gray; -$item-default-active-bg: $subtle-gray; -$item-icon-font-size: 24px; +$item-default-active-bg: $subtle-gray; +$item-icon-font-size: 24px; + +$input-color: $dark-gray; +$input-border: $light-gray; +$input-label-color: $mid-gray; +$input-color-placeholder: lighten($dark-gray, 40%); + +$item-default-bg: #ffffff; +$item-default-border: $subtle-gray; +$item-default-text: $dark-gray; +$item-default-active-bg: darken(#ffffff, 7%); +$item-default-active-border: darken($subtle-gray, 7%); + +$bar-default-border: $subtle-gray; $tabs-icon-size: 22px; diff --git a/src/sass/views/add.scss b/src/sass/views/add.scss index 1a7f0b5fc..fbe99d457 100644 --- a/src/sass/views/add.scss +++ b/src/sass/views/add.scss @@ -12,6 +12,9 @@ margin-top: 25px; } } + .add-type { + color: $dark-gray; + } .bg{ background-color:rgb(100,124,232); height: 50px; diff --git a/src/sass/views/address-book.scss b/src/sass/views/address-book.scss index 4b0f49c58..757b71840 100644 --- a/src/sass/views/address-book.scss +++ b/src/sass/views/address-book.scss @@ -1,22 +1,15 @@ -#add-address{ - .list{ - background: #ffffff; +#add-address { + .zero-state-cta { + padding-bottom: 3vh; + } + .list { + background-color: #fff; } } #view-address-book { - .scroll{ + .scroll { height:100%; } - #add-contact{ - min-width: 300px; - img{ - width: 10rem; - display: inline-block; - } - a{ - text-decoration: none; - } - } .list { .item { color: #444; @@ -67,4 +60,26 @@ } } } -} \ No newline at end of file +} + +#address-book-view { + .bar.bar-royal { + border: 0 transparent; + } + .gravatar-content { + position: relative; + height: 70px; + border-color: $royal; + background-color: $royal; + padding-top: 20px; + margin-bottom: 50px; + text-align: center; + } + .address-book-field-label { + text-transform: uppercase; + font-weight: bold; + font-size: 12px; + display: block; + color: $mid-gray; + } +} diff --git a/src/sass/views/advancedSettings.scss b/src/sass/views/advancedSettings.scss index d3da674d9..d86f17101 100644 --- a/src/sass/views/advancedSettings.scss +++ b/src/sass/views/advancedSettings.scss @@ -1,17 +1,6 @@ -.settings { - .item { - color: #444; - border-color: rgba(221, 221, 221, 0.3); - } -} - #advanced-settings { .list { .item { - color: #444; - border-top: none; - padding-top: 1.5rem; - padding-bottom: 1.5rem; &:before { display: block; position: absolute; @@ -23,31 +12,19 @@ content: ''; } &.item-divider { - color: rgba(74, 74, 74, .8); - } - &.item-heading { - &:before { - top: 99% - } - } - &:nth-child(2) { - &:before { - width: 0; - } + color: $dark-gray; } .item-note { - color: rgb(58, 58, 58); + color: $dark-gray; } } + .has-comment { + border-bottom: 0 none; + } .comment { padding: 15px; background-color: #fff; - color: rgba(74, 74, 74, 0.8); - } - .divider-comment { - padding: 15px; - color: rgba(74, 74, 74, 0.8); - font-size: 15px; + color: $mid-gray; } } } diff --git a/src/sass/views/onboarding/onboard-disclaimer.scss b/src/sass/views/onboarding/onboard-disclaimer.scss index 00784ec90..68ca6ec7c 100644 --- a/src/sass/views/onboarding/onboard-disclaimer.scss +++ b/src/sass/views/onboarding/onboard-disclaimer.scss @@ -66,7 +66,7 @@ input:checked + .checkbox-icon:after { border-color: rgb(19, 229, 182); top: 4px; - left: 5px; + left: 3px; } .item-content { width: 90%; diff --git a/src/sass/views/tab-home.scss b/src/sass/views/tab-home.scss index 7a1f5c6a6..2956d8ea3 100644 --- a/src/sass/views/tab-home.scss +++ b/src/sass/views/tab-home.scss @@ -22,6 +22,18 @@ border-top:none; padding-bottom: 1.5rem; padding-top:1.5rem; + &.wallet{ + .big-icon-svg{ + & > .bg{ + padding: .25rem + } + } + } + } + .item-sub { + &:first-child:before { + width: 100% + } &:before { display: block; position: absolute; @@ -37,29 +49,6 @@ } } } - &.item-heading{ - &:before{ - width:100% !important; - top:99% - } - } - &:nth-child(1){ - &:before{ - width:0; - } - } - &:nth-child(2):last-child{ - &:before{ - width:0; - } - } - &.wallet{ - .big-icon-svg{ - & > .bg{ - padding: .25rem - } - } - } } } .next-step.item { diff --git a/src/sass/views/tab-settings.scss b/src/sass/views/tab-settings.scss index 9443e05b0..5c93e1c02 100644 --- a/src/sass/views/tab-settings.scss +++ b/src/sass/views/tab-settings.scss @@ -1,17 +1,60 @@ .settings { .item { - color: #444; + color: $dark-gray; border-color: rgba(221, 221, 221, 0.3); } + &-explaination, &-button-group { + padding: 0 1rem; + margin: 1rem 0; + } + &-heading { + font-size: 17px; + color: $dark-gray; + margin: 1rem 0; + } + &-description { + font-size: 15px; + color: $mid-gray; + margin: 1rem 0; + } + .setting-title, .setting-value { + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .setting-value { + color: $light-gray; + font-size: 14px; + } + .settings-input-group { + background-color: #fff; + .item-stacked-label { + padding: 1rem; + } + .input-label { + text-transform: uppercase; + font-size: 12px; + font-weight: bold; + } + } + .settings-list { + .item { + color: $dark-gray; + padding-top: 1.3rem; + padding-bottom: 1.3rem; + &.item-divider { + color: $mid-gray; + padding-bottom: .5rem; + font-size: .9rem; + } + } + } } #tab-settings { .list { .item { - color: #444; - border-top: none; - padding-top: 1.3rem; - padding-bottom: 1.3rem; .big-icon-svg { & > .bg{ width:20px; @@ -23,9 +66,10 @@ left:8px; .bg { border-radius: 50%; - width:30px; - height:30px; + width: 25px; + height: 25px; padding:.1rem; + box-shadow: 0px 1px 5px rgba($mid-gray, .1); } } } @@ -39,11 +83,6 @@ right: 0; content: ''; } - &.item-divider { - color: $mid-gray; - padding-bottom: .5rem; - font-size: .9rem; - } &.item-heading { &:before { top: 99% @@ -54,12 +93,43 @@ width: 0; } } - .item-note { - color: $light-gray; - } } } .item-radio .radio-icon { font-size: 18px; } } + +#settings-fee { + .estimates { + font-size: 15px; + color: $dark-gray; + } + .fee-minutes, .fee-rate { + font-weight: bold; + display: block; + margin-bottom: .5rem; + } + .fee-policies { + border-color: #fff; + border-width: 2px 0; + border-style: solid; + } +} +.settings-color-name { + margin-left: 1rem; +} +.settings-color-block { + display: inline-block; + width: 24px; + height: 24px; + border-radius: 50%; + box-shadow: 0px 0px 10px; + float: left; // we don't want these indicators to affect their container's sizing +} + +#settings-tos { + p { + margin-bottom: 1rem; + } +} diff --git a/src/sass/views/tabs.scss b/src/sass/views/tabs.scss index a58d91359..4a1fd8507 100644 --- a/src/sass/views/tabs.scss +++ b/src/sass/views/tabs.scss @@ -35,3 +35,17 @@ } } } + +#tab-home, #tab-send { + .card, .list { + .icon { + color: $light-gray; + } + & > .item-heading { + font-weight: 700; + .icon { + color: $mid-gray; + } + } + } +} diff --git a/src/sass/views/views.scss b/src/sass/views/views.scss index 8b1319ac0..e8d8e58e1 100644 --- a/src/sass/views/views.scss +++ b/src/sass/views/views.scss @@ -14,7 +14,6 @@ @import "bitpayCard"; @import "address-book"; @import "wallet-backup-phrase"; -@import "address-book"; @import "zero-state"; @import "onboarding/onboarding"; @import "includes/walletActivity"; diff --git a/www/img/address-book-add.svg b/www/img/address-book-add.svg index fa8866b49..c23e2e98b 100644 --- a/www/img/address-book-add.svg +++ b/www/img/address-book-add.svg @@ -1,27 +1,13 @@ - - - - CF22B02A-463B-4798-B448-F6A878730EDC - Created with sketchtool. - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + + + + + + + + + diff --git a/www/img/icon-link.svg b/www/img/icon-link.svg index 38d3e8cb0..eba22bf4e 100644 --- a/www/img/icon-link.svg +++ b/www/img/icon-link.svg @@ -5,7 +5,7 @@ Created with sketchtool. - + @@ -15,4 +15,4 @@ - \ No newline at end of file + diff --git a/www/views/add.html b/www/views/add.html index dd499e340..9c64d3594 100644 --- a/www/views/add.html +++ b/www/views/add.html @@ -11,7 +11,7 @@ -

New Personal Wallet

+ New Personal Wallet @@ -19,7 +19,7 @@ -

Create Shared Wallet

+ Create Shared Wallet @@ -27,7 +27,7 @@ -

Join shared wallet

+ Join shared wallet @@ -35,7 +35,7 @@ -

Import wallet

+ Import wallet diff --git a/www/views/addressbook.html b/www/views/addressbook.html index e27064b95..ea28dd923 100644 --- a/www/views/addressbook.html +++ b/www/views/addressbook.html @@ -3,7 +3,7 @@ - Addressbook + Address Book - - - + +
+ + + +
No contacts yet
+
You haven’t added any contacts to your address book yet. Get started by adding your first one.
+
+ +
+
+ +
- {{addrEntry.name}}

{{addrEntry.address}}

- - -
-
-
- -
-
-

No contacts yet

-
-
-

- You haven’t added any contacts to your address book yet. Get started by adding your first one. -

-
- -
-
diff --git a/www/views/addressbook.view.html b/www/views/addressbook.view.html index 88cf0af57..5089a66a3 100644 --- a/www/views/addressbook.view.html +++ b/www/views/addressbook.view.html @@ -1,37 +1,31 @@ - + - Addressbook + {{addressbookEntry.name}} - - - +
- -
+
-

Name

- {{addressbookEntry.name}} + Name + {{addressbookEntry.name}}
-

Email

- {{addressbookEntry.email}} + Email + {{addressbookEntry.email}}
-

Address

- {{addressbookEntry.address}} + Address + {{addressbookEntry.address}}
- - - diff --git a/www/views/advancedSettings.html b/www/views/advancedSettings.html index e0a2d0e5d..505ea7dc6 100644 --- a/www/views/advancedSettings.html +++ b/www/views/advancedSettings.html @@ -6,7 +6,7 @@ -
+
Enabled Integrations
@@ -30,7 +30,7 @@
Wallet Operation
- + Use Unconfirmed Funds
@@ -38,11 +38,13 @@
Experimental Features
-
- These features aren't quite ready for primetime. They may change, stop working, or disappear at any time. +
+
+ These features aren't quite ready for primetime. They may change, stop working, or disappear at any time. +
- + Recent Transaction Card
diff --git a/www/views/import.html b/www/views/import.html index 7a9940c83..45bda015e 100644 --- a/www/views/import.html +++ b/www/views/import.html @@ -1,4 +1,4 @@ - + {{'Import Wallet' | translate}} diff --git a/www/views/includes/terms.html b/www/views/includes/terms.html index 2870ed1c5..4c80d6bef 100644 --- a/www/views/includes/terms.html +++ b/www/views/includes/terms.html @@ -1,11 +1,11 @@

- The software you are about to use functions as a free, open source, and multi-signature digital wallet. The software does not constitute an account where BitPay or other third parties serve as financial intermediaries or custodians of your bitcoin. + This software functions as a free, open source, and multi-signature digital wallet. The software does not constitute an account where BitPay or other third parties serve as financial intermediaries or custodians of your bitcoin.

- While the software has undergone beta testing and continues to be improved by feedback from the open-source user and developer community, we cannot guarantee that there will be no bugs in the software. You acknowledge that your use of this software is at your own discretion and in compliance with all applicable laws. You are responsible for safekeeping your passwords, private key pairs, PINs and any other codes you use to access the software. + While the software has undergone beta testing and continues to be improved by feedback from the open-source user and developer community, we cannot guarantee that there will be no bugs in the software. You acknowledge that your use of this software is at your own discretion and in compliance with all applicable laws. You are responsible for safekeeping your passwords, private key pairs, PINs, and any other codes you use to access the software.

- IF YOU LOSE ACCESS TO YOUR BITCOIN WALLET OR YOUR ENCRYPTED PRIVATE KEYS AND YOU HAVE NOT SEPARATELY STORED A BACKUP OF YOUR WALLET AND CORRESPONDING PASSWORD, YOU ACKNOWLEDGE AND AGREE THAT ANY BITCOIN YOU HAVE ASSOCIATED WITH THAT WALLET WILL BECOME INACCESSIBLE. All transaction requests are irreversible. The authors of the software, employees and affiliates of Bitpay, copyright holders, and BitPay, Inc. cannot retrieve your private keys or passwords if you lose or forget them and cannot guarantee transaction confirmation as they do not have control over the Bitcoin network. + IF YOU LOSE ACCESS TO YOUR BITCOIN WALLET OR YOUR ENCRYPTED PRIVATE KEYS AND YOU HAVE NOT SEPARATELY STORED A BACKUP OF YOUR WALLET AND CORRESPONDING PASSWORD, YOU ACKNOWLEDGE AND AGREE THAT ANY BITCOIN YOU HAVE ASSOCIATED WITH THAT WALLET WILL BECOME INACCESSIBLE. All transaction requests are irreversible. The authors of the software, employees and affiliates of BitPay, copyright holders, and BitPay, Inc. cannot retrieve your private keys or passwords if you lose or forget them and cannot guarantee transaction confirmation as they do not have control over the Bitcoin network.

To the fullest extent permitted by law, this software is provided “as is” and no representations or warranties can be made of any kind, express or implied, including but not limited to the warranties of merchantability, fitness or a particular purpose and noninfringement. You assume any and all risks associated with the use of the software. In no event shall the authors of the software, employees and affiliates of Bitpay, copyright holders, or BitPay, Inc. be held liable for any claim, damages or other liability, whether in an action of contract, tort, or otherwise, arising from, out of or in connection with the software. We reserve the right to modify this disclaimer from time to time. diff --git a/www/views/join.html b/www/views/join.html index 62f4083b7..ce24cbf10 100644 --- a/www/views/join.html +++ b/www/views/join.html @@ -1,4 +1,4 @@ - + @@ -10,7 +10,7 @@

-
+