commonroutesServer/app/www/lib/ionic/scss/_platform.scss
app/www/lib/ionic/scss/_platform.scssRaw
1
2/**
3 * Platform
4 * --------------------------------------------------
5 * Platform specific tweaks
6 */
7
8.platform-ios.platform-cordova {
9 // iOS has a status bar which sits on top of the header.
10 // Bump down everything to make room for it. However, if
11 // if its in Cordova, and set to fullscreen, then disregard the bump.
12 &:not(.fullscreen) {
13 .bar-header:not(.bar-subheader) {
14 height: $bar-height + $ios-statusbar-height;
15
16 &.item-input-inset .item-input-wrapper {
17 margin-top: 19px !important;
18 }
19
20 > * {
21 margin-top: $ios-statusbar-height;
22 }
23 }
24 .tabs-top > .tabs,
25 .tabs.tabs-top {
26 top: $bar-height + $ios-statusbar-height;
27 }
28
29 .has-header,
30 .bar-subheader {
31 top: $bar-height + $ios-statusbar-height;
32 }
33 .has-subheader {
34 top: $bar-height + $bar-subheader-height + $ios-statusbar-height;
35 }
36 .has-header.has-tabs-top {
37 top: $bar-height + $tabs-height + $ios-statusbar-height;
38 }
39 .has-header.has-subheader.has-tabs-top {
40 top: $bar-height + $bar-subheader-height + $tabs-height + $ios-statusbar-height;
41 }
42 }
43 .popover{
44 .bar-header:not(.bar-subheader) {
45 height: $bar-height;
46 &.item-input-inset .item-input-wrapper {
47 margin-top: -1px;
48 }
49 > * {
50 margin-top: 0;
51 }
52 }
53 .has-header,
54 .bar-subheader {
55 top: $bar-height;
56 }
57 .has-subheader {
58 top: $bar-height + $bar-subheader-height;
59 }
60 }
61 &.status-bar-hide {
62 // Cordova doesn't adjust the body height correctly, this makes up for it
63 margin-bottom: 20px;
64 }
65}
66
67@media (orientation:landscape) {
68 .platform-ios.platform-browser.platform-ipad {
69 position: fixed; // required for iPad 7 Safari
70 }
71}
72
73.platform-c:not(.enable-transitions) * {
74 // disable transitions on grade-c devices (Android 2)
75 -webkit-transition: none !important;
76 transition: none !important;
77}