diff options
author | Bryce Johnson <bryce@gitlab.com> | 2016-10-18 20:03:10 +0300 |
---|---|---|
committer | Bryce Johnson <bryce@gitlab.com> | 2016-10-19 19:22:12 +0300 |
commit | 257c58ebeb2de8fe44f83c751b91e09c306aa588 (patch) | |
tree | b07de9ca1fdb97e6bffc81e0e3afc77c82913ff6 /app/assets/stylesheets/framework/layout.scss | |
parent | d927336403a92d340d7e5b2d2328c5a0e029d666 (diff) |
Set webkit-overflow-scrolling to auto for children of body.
Diffstat (limited to 'app/assets/stylesheets/framework/layout.scss')
-rw-r--r-- | app/assets/stylesheets/framework/layout.scss | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/app/assets/stylesheets/framework/layout.scss b/app/assets/stylesheets/framework/layout.scss index 8bb047db2dd..7baa4296abf 100644 --- a/app/assets/stylesheets/framework/layout.scss +++ b/app/assets/stylesheets/framework/layout.scss @@ -27,3 +27,15 @@ body { .container-limited { max-width: $fixed-layout-width; } + + +/* The following prevents side effects related to iOS Safari's implementation of -webkit-overflow-scrolling: touch, +which is applied to the body by jquery.nicescroling plugin to force hardware acceleration for momentum scrolling. Side +effects are commonly related to inconsisent z-index behavior (e.g. tooltips). By applying the following to direct children +of the body element here, we negate cascading side effects but allow momentum scrolling to be applied to the body */ + +.navbar, +.page-gutter, +.page-with-sidebar { + -webkit-overflow-scrolling: auto; +} |