removed overflow-y hidden when elect-phrase element is relative

This commit is contained in:
Jamal Jackson 2016-09-14 11:26:00 -04:00
commit ca6b6c058b

View file

@ -1,4 +1,4 @@
#wallet-backup-phrase { #wallet-backup-phrase {
&, &,
& ion-content, & ion-content,
& ion-content .scroll { & ion-content .scroll {
@ -69,16 +69,60 @@
border: 1px solid rgb(211, 211, 211); border: 1px solid rgb(211, 211, 211);
} }
} }
#confirm-phrase{ #confirm-phrase {
margin:5px auto 0; margin: 5px auto 0;
} }
} }
ion-content.has-header{ ion-content.has-header {
#select-phrase{ #select-phrase {
bottom:75px; bottom: 75px;
} }
.backup-phrase{ .backup-phrase {
padding: .5rem .5rem .9rem; padding: .5rem .5rem .9rem;
} }
} }
} }
@media (max-width: 400px) {
#wallet-backup-phrase {
ion-content {
h2 {
font-size: 1.2rem;
}
p,
h2,
h3 {
max-width: 600px !important;
}
button {
max-width: 400px !important;
}
}
}
}
@media (max-height: 560px) {
#wallet-backup-phrase {
&,
& ion-content,
& ion-content .scroll {
overflow-y:visible;
}
#select-phrase {
float: left;
position: relative;
}
.backup-phrase {
margin-bottom: 5rem;
}
}
}
@media (max-height: 379px) {
#wallet-backup-phrase {
.cta-buttons {
float: left;
position: relative;
bottom: 0;
}
}
}