BTCPrivate
/
copay
mirror of https://github.com/BTCPrivate/copay.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

design(onboarding): tweaks to disclaimer and TOS for better responsiveness

This commit is contained in:
Jason Dreyzehner 2016-10-07 03:04:47 -04:00
parent 4660683204
commit adf532337f
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/sass/views/onboarding/onboard-disclaimer.scss
View File

@ -8,6 +8,9 @@
justify-content: center; justify-content: center;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
height: calc(100vh - 160px);
}
.has-header > &-container {
height: calc(100vh - 210px); height: calc(100vh - 210px);
} }
#disclaimer-topic { #disclaimer-topic {
@ -16,9 +19,9 @@
#disclaimer-description { #disclaimer-description {
margin: 1rem 1rem 2rem; margin: 1rem 1rem 2rem;
} }
ion-content{ ion-content {
height: 100%; height: 101%;
&.has-header{ &.has-header {
top:40px !important; top:40px !important;
} }
.scroll{ .scroll{

8
src/sass/views/onboarding/terms-of-use.scss
View File

@ -1,7 +1,7 @@
#terms-of-use { #terms-of-use {
ion-header-bar { ion-header-bar {
background: #fff; background: #fff;
box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2); box-shadow: $subtle-box-shadow;
.primary-buttons{ .primary-buttons{
.button{ .button{
font-size: 2rem; font-size: 2rem;
@ -10,7 +10,7 @@
} }
ion-content{ ion-content{
padding-top: 1.5rem; padding-top: 1.5rem;
color: rgba(86, 86, 86, 0.77); color: $dark-gray;
p { p {
padding: 0 2.5%; padding: 0 2.5%;
margin: 2rem auto; margin: 2rem auto;
@ -54,7 +54,7 @@
width: 10%; width: 10%;
position: relative; position: relative;
padding-right: 0; padding-right: 0;
top: 50px; top: 25px;
.item-content { .item-content {
white-space: normal; white-space: normal;
} }
@ -62,7 +62,7 @@
p { p {
color: rgb(58, 58, 58); color: rgb(58, 58, 58);
float: left; float: left;
width: 70%; width: 80%;
} }
.checkbox input:before, .checkbox input:before,
.checkbox .checkbox-icon:before { .checkbox .checkbox-icon:before {