diff options
| author | pliablepixels <pliablepixels@gmail.com> | 2016-04-10 10:47:35 -0400 |
|---|---|---|
| committer | pliablepixels <pliablepixels@gmail.com> | 2016-04-10 10:47:35 -0400 |
| commit | a29f9a676a6ea3bad56ede05cd1a1c82ffbbe8e9 (patch) | |
| tree | 7e6e6bfb23390a64344fdfe2272a5da04c2dd97c /www/lib/ionic/scss/_scaffolding.scss | |
| parent | 42bc21f7d0b4acfeefa5f4c2708203be78f57778 (diff) | |
#219 - everything upgraded
Former-commit-id: 15f58d10df83feda8199a1b904433e625ef36b44
Diffstat (limited to 'www/lib/ionic/scss/_scaffolding.scss')
| -rw-r--r-- | www/lib/ionic/scss/_scaffolding.scss | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/www/lib/ionic/scss/_scaffolding.scss b/www/lib/ionic/scss/_scaffolding.scss index 4c768c9f..d1caf7ab 100644 --- a/www/lib/ionic/scss/_scaffolding.scss +++ b/www/lib/ionic/scss/_scaffolding.scss @@ -36,6 +36,7 @@ body, color: $base-color; word-wrap: break-word; font-size: $font-size-base; + font-family: -apple-system; font-family: $font-family-base; line-height: $line-height-computed; text-rendering: optimizeLegibility; @@ -83,6 +84,14 @@ body.grade-c { display: block; overflow: hidden; + &.overflow-scroll { + position: relative; + } + + &.scroll-x { overflow-x: scroll; overflow-y: hidden; } + &.scroll-y { overflow-x: hidden; overflow-y: scroll; } + &.scroll-xy { overflow-x: scroll; overflow-y: scroll; } + // Hide the top border if any margin-top: -1px; } @@ -185,17 +194,30 @@ ion-infinite-scroll { overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; + + // Make sure the scrollbar doesn't take up layout space on edge + -ms-overflow-style: -ms-autohiding-scrollbar; + top: 0; right: 0; bottom: 0; left: 0; position: absolute; + &.pane { + overflow-x: hidden; + overflow-y: scroll; + } + .scroll { position: static; height: 100%; -webkit-transform: translate3d(0, 0, 0); // fix iOS bug where relative children of scroller disapear while scrolling. see: http://stackoverflow.com/questions/9807620/ipad-safari-scrolling-causes-html-elements-to-disappear-and-reappear-with-a-dela } + + &.keyboard-up:not(.keyboard-up-confirm) { + overflow: hidden; + } } @@ -236,6 +258,10 @@ ion-infinite-scroll { } } +.bar-subfooter.has-tabs { + bottom: $tabs-height + $bar-footer-height; +} + .has-footer.has-tabs { bottom: $tabs-height + $bar-footer-height; } |
