finish adding styles for push notifications view(initial testing for iPhone5 size devices only)

This commit is contained in:
Jamal Jackson 2016-09-13 15:45:56 -04:00
commit 390a7deecf
5 changed files with 96 additions and 11 deletions

View file

@ -4,7 +4,7 @@ angular.module('copayApp.controllers').controller('collectEmailController', func
var isCordova = platformInfo.isCordova;
var isWP = platformInfo.isWP;
var usePushNotifications = isCordova && !isWP;
var usePushNotifications = true;
var wallet = profileService.getWallet($stateParams.walletId);
var walletId = wallet.credentials.walletId;

View file

@ -0,0 +1,37 @@
#onboarding-push-notifications{
h2{
margin-top:2rem;
}
#cta{
background-image: url('../img/onboarding-push-notifications.svg');
height: 15rem;
margin-top: .75rem;
}
.cta-buttons{
float:none;
bottom:0;
position: absolute;
width:100%;
button{
max-width: 400px;
}
}
}
@media (max-width: 400px){
#onboarding-push-notifications{
.cta-buttons{
float:none;
bottom:0;
position: absolute;
}
}
}
@media (max-height: 540px){
#onboarding-push-notifications{
.cta-buttons{
float:left;
position: relative;
}
}
}

View file

@ -48,6 +48,7 @@
}
}
button {
color:#fff;
&.next-slide {
background: rgba(215, 215, 215, 0.10);
}
@ -67,8 +68,12 @@
.button-transparent{
background: none !important;
}
.button-translucent{
background: rgba(215, 215, 215, 0.1)
}
.button-primary{
background: rgb(100, 124, 232) !important;
color:#fff;
}
.light-blue{
color:rgb(100, 124, 232);
@ -98,3 +103,4 @@
@import "onboard-backup-request";
@import "onboard-backup-warning";
@import "onboard-disclaimer";
@import "onboard-push-notifications";