diff --git a/public/views/onboarding/collectEmail.html b/public/views/onboarding/collectEmail.html index 0947bab60..7ae197535 100644 --- a/public/views/onboarding/collectEmail.html +++ b/public/views/onboarding/collectEmail.html @@ -1,4 +1,3 @@ - @@ -7,19 +6,20 @@ - - Wallet Created - Where would you like to receive email notifications about payments - +
- +
- Wallet Created - -
+ + +
diff --git a/src/sass/views/common.scss b/src/sass/views/common.scss index 53cb79b97..121a8354b 100644 --- a/src/sass/views/common.scss +++ b/src/sass/views/common.scss @@ -25,3 +25,13 @@ box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.3); } } + +.overlay{ + position: absolute; + top:0; + left:0; + width:100%; + height: 100%; + background: rgba(0,0,0,.4); + z-index: 4; +} \ No newline at end of file diff --git a/src/sass/views/onboarding/onboard-collect-email.scss b/src/sass/views/onboarding/onboard-collect-email.scss new file mode 100644 index 000000000..220e08d48 --- /dev/null +++ b/src/sass/views/onboarding/onboard-collect-email.scss @@ -0,0 +1,50 @@ +#onboarding-collect-email { + background: rgb(17, 209, 166); + #success-image { + margin-top: 4rem; + } + .col { + margin-top: 1rem; + margin-bottom: 1rem; + } + #collect-email { + opacity: 1; + background: #fff; + color: rgb(108, 108, 108); + height: 8rem; + animation-name: topBottom; + animation-iteration-count: 1; + animation-timing-function: ease-in; + animation-duration: 1s; + animation-delay: 2s; + position: absolute; + bottom: -100%; + animation-fill-mode: forwards; + z-index:5; + } + .overlay { + animation-name: bottomTop; + animation-iteration-count: 1; + animation-timing-function: ease-in; + animation-duration: 1s; + animation-delay: 2s; + animation-fill-mode: forwards; + top:100%; + } +} +@keyframes topBottom { + 0% { + bottom: -100%; + } + 100% { + bottom: 0; + } +} +@keyframes bottomTop { + 0% { + top: 100%; + } + 100% { + top: 0; + } +} diff --git a/src/sass/views/onboarding/onboarding-collect-email.scss b/src/sass/views/onboarding/onboarding-collect-email.scss deleted file mode 100644 index 6ec4d0353..000000000 --- a/src/sass/views/onboarding/onboarding-collect-email.scss +++ /dev/null @@ -1,3 +0,0 @@ -#onboarding-collect-email{ - background: rgb(17,209,166); -} \ No newline at end of file diff --git a/src/sass/views/onboarding/onboarding.scss b/src/sass/views/onboarding/onboarding.scss index 1fc45ff14..84ee3f197 100644 --- a/src/sass/views/onboarding/onboarding.scss +++ b/src/sass/views/onboarding/onboarding.scss @@ -21,9 +21,8 @@ } ion-content { color: #fff; - .scroll {} + h2, h3{color:#fff;} h2 { - color: #fff; font-size: 1.8rem; } p {