arnaucube
arnaucube/commonroutesAppPublic Self-hosted repository
commonroutesApp/www/lib/ionic/scss/_platform.scss
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}