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

iPhone SE styles

Browse source
This commit is contained in:
Sebastiaan Pasma 2018-07-13 12:46:06 +02:00
commit ca7cd44810
No known key found for this signature in database
GPG key ID: 9A2B0C8B95A1D26F
1 changed files with 24 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/sass/views/tab-send.scss
View file

@ -6,9 +6,9 @@
width: 100%; width: 100%;
} }
&-contacts { &-contacts {
height: calc(100vh - 300px /* button container */ - 50px /* bottom-tab-menu */ - 44px /* header top */); height: calc(100vh - 300px - 50px - 44px); /* screen size - button container - bottom-tab-menu - header top */
&.ios { &.ios {
height: calc(100vh - 300px - 50px - 44px - 20pt); // Remove the notification-bar height on iOS height: calc(100vh - 300px - 50px - 44px - 18px); // Remove the notification-bar height on iOS
} }
overflow: scroll; overflow: scroll;
} }
@ -235,7 +235,8 @@
} }
.card.contacts { .card.contacts {
margin: 4px; margin: 4px 4px 16px 4px;
border-radius: 6px; border-radius: 6px;
box-shadow: 0px 2px 1px 0 #C1C1C1; box-shadow: 0px 2px 1px 0 #C1C1C1;
.gravatar { .gravatar {
@ -245,4 +246,24 @@
} }
} }
///* iPhone 5/SE and other small screen devices */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
.send-wrapper .buttons .button-qr {
height: 60px;
span {
font-size: 16px;
}
}
#tab-send-header {
height: 270px;
}
#tab-send-contacts {
height: calc(100vh - 270px - 50px - 44px); /* screen size - button container - bottom-tab-menu - header top */
&.ios {
height: calc(100vh - 270px - 50px - 44px - 18px); // Remove the notification-bar height on iOS
}
}
}
} }