diff --git a/public/views/onboarding/disclaimer.html b/public/views/onboarding/disclaimer.html index 9b87cdc62..da93c7b8e 100644 --- a/public/views/onboarding/disclaimer.html +++ b/public/views/onboarding/disclaimer.html @@ -1,20 +1,20 @@ - + -

Almost done! Let's review

- Bitcoin is different - it cannot be safely held with a bank or web service - - I undestand my funds are held securely on this device, not by company. - I understand if this wallet is lost or deleted, my bitcoin can onlt be recovered with the backup phrase - I have read, understood, and agree with the Terms of use. - -
- Terms of use +
+

Almost done! Let's review

+
+
+

+ Bitcoin is different - it cannot be safely held with a bank or web service +

+
+ + I understand my funds are held securely on this device, not by a company. + I understand if this wallet is lost or deleted, my bitcoin can only be recovered with the backup phrase. + +
+

I have read, understood, and agree with the Terms of use.

+
- diff --git a/src/sass/forms.scss b/src/sass/forms.scss new file mode 100644 index 000000000..e69de29bb diff --git a/src/sass/ionic.scss b/src/sass/ionic.scss index 436a4babd..3aaddf3cb 100644 --- a/src/sass/ionic.scss +++ b/src/sass/ionic.scss @@ -2,6 +2,7 @@ $font-family-sans-serif: "Roboto", sans-serif; $font-family-light-sans-serif: "Roboto-Light", sans-serif-light; $royal: #1e3186; +$soft-blue: rgb(100,124,232); $base-background-color: #f5f5f5; diff --git a/src/sass/main.scss b/src/sass/main.scss index 0f218dd75..b0f2c402a 100644 --- a/src/sass/main.scss +++ b/src/sass/main.scss @@ -991,6 +991,7 @@ input[type=number] { @import "ionic"; @import "common"; +@import "forms"; @import 'mixins/mixins'; @import "views/add"; @import "views/tab-home"; diff --git a/src/sass/views/onboarding/onboard-disclaimer.scss b/src/sass/views/onboarding/onboard-disclaimer.scss new file mode 100644 index 000000000..8584ee74c --- /dev/null +++ b/src/sass/views/onboarding/onboard-disclaimer.scss @@ -0,0 +1,62 @@ +#onboarding-disclaimer { + color: #fff; + .item { + background: transparent; + border: none; + color: #fff; + .checkbox input:before, + .checkbox .checkbox-icon:before { + border-radius: 50% !important; + background: none; + border-width: 2px; + padding: .9rem; + position: relative; + left: -7px; + top: -8px; + } + .checkbox input:checked:before, + .checkbox input:checked + .checkbox-icon:before { + border-color: rgb(19, 229, 182); + } + .checkbox input:checked:after, + input:checked + .checkbox-icon:after { + border-color: rgb(19, 229, 182); + } + .item-content { + width: 90%; + margin-left: 6%; + } + } + .item-checkbox .checkbox { + margin-left: 3%; + top:44%; + } + #agree-to-terms{ + background: #fff; + padding:1rem; + position: absolute; + bottom: 0; + .item{ + color:rgb(58,58,58); + padding-bottom: 1.2rem; + .item-content{ + white-space: normal; + } + } + p{ + color:rgb(58,58,58); + } + .checkbox input:before, + .checkbox .checkbox-icon:before{ + border-color:$soft-blue; + } + .checkbox input:checked:before, + .checkbox input:checked + .checkbox-icon:before { + border-color: rgb(19, 229, 182); + } + button{ + margin-top:1.5rem; + position: relative; + } + } +} diff --git a/src/sass/views/onboarding/onboarding.scss b/src/sass/views/onboarding/onboarding.scss index ac2d1d698..05d7dd4aa 100644 --- a/src/sass/views/onboarding/onboarding.scss +++ b/src/sass/views/onboarding/onboarding.scss @@ -76,3 +76,4 @@ @import "onboard-collect-email"; @import "onboard-backup-request"; @import "onboard-backup-warning"; +@import "onboard-disclaimer";