anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

design(backup): polish backup flow (via onboarding process)

Browse source
This commit is contained in:
Jason Dreyzehner 2016-10-07 02:10:30 -04:00
commit 926e80fcea
22 changed files with 237 additions and 260 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/sass/views/onboarding/onboard-backup-request.scss
View file

@ -26,6 +26,6 @@
}
.cta-buttons {
@extend %cta-buttons;
padding-bottom: 10px;
padding-bottom: 4vw;
}
}

2
src/sass/views/onboarding/onboard-push-notifications.scss
View file

@ -4,6 +4,6 @@
}
#cta-buttons {
@extend %cta-buttons;
height: 210px;
padding-bottom: 1rem;
}
}

2
src/sass/views/onboarding/onboard-tour.scss
View file

@ -6,7 +6,7 @@
}
.cta-buttons {
@extend %cta-buttons;
padding-bottom: 100px;
padding-bottom: 12vh;
}
#onboarding-illustration-currency-exchange-rate {
background-color: $soft-blue;

2
src/sass/views/onboarding/onboard-welcome.scss
View file

@ -31,6 +31,6 @@
}
#cta-buttons {
@extend %cta-buttons;
padding-bottom: 1rem;
padding-bottom: 4vw;
}
}

33
src/sass/views/onboarding/onboarding-buttons.scss
View file

@ -1,33 +0,0 @@
$button-primary-bg: $positive;
$button-primary-text: #fff;
$button-primary-border: transparent;
$button-primary-active-bg: darken($positive, 5%);
$button-primary-active-border: transparent;
$button-secondary-bg: rgba(215, 215, 215, 0.1);
$button-secondary-text: #fff;
$button-secondary-border: transparent;
$button-secondary-active-bg: rgba(215, 215, 215, 0.2);
$button-secondary-active-border: transparent;
.onboarding .button {
&.button-primary {
@include button-style($button-primary-bg, $button-primary-border, $button-primary-active-bg, $button-primary-active-border, $button-primary-text);
@include button-clear($button-primary-bg);
@include button-outline($button-primary-bg);
}
&.button-secondary {
@include button-style($button-secondary-bg, $button-secondary-border, $button-secondary-active-bg, $button-secondary-active-border, $button-secondary-text);
@include button-clear($button-secondary-text);
@include button-outline($button-secondary-text);
}
&.button-primary,
&.button-secondary {
&.button-block {
width: 85%;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
}
}

11
src/sass/views/onboarding/onboarding.scss
View file

@ -12,12 +12,6 @@
color: #fff;
}
}
ion-content {
height: 100%;
.scroll{
height: 100%;
}
}
.onboarding-topic,
.onboarding-description,
.onboarding-tldr {
@ -43,10 +37,6 @@
}
}
@media (min-width: 415px){
//
}
%cta-buttons {
position: absolute;
bottom: 0;
@ -54,7 +44,6 @@
}
@import "terms-of-use";
@import "onboarding-buttons";
@import "onboard-welcome";
@import "onboard-tour";
@import "onboard-collect-email";