Mirrors/koel
2
0
Fork 0
mirror of https://github.com/koel/koel synced 2025-02-17 13:58:28 +00:00
Code Issues Projects Releases Packages Wiki Activity

Enable scrolling with momentum on iOS

Browse source
This commit is contained in:
An Phan 2015-12-20 23:55:32 +08:00
parent 42c7651031
commit 5969cf7e46
3 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
resources/assets/js/components/main-wrapper/extra/index.vue
View file

@ -82,6 +82,11 @@
background: $colorExtraBgr; background: $colorExtraBgr;
max-height: calc(100vh - #{$headerHeight + $footerHeight}); max-height: calc(100vh - #{$headerHeight + $footerHeight});
overflow: auto; overflow: auto;
// Enable scroll with momentum on touch devices
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
display: none; display: none;
color: $color2ndText; color: $color2ndText;

4
resources/assets/js/components/main-wrapper/main-content/index.vue
View file

@ -102,6 +102,10 @@
padding: 24px 24px $footerHeight; padding: 24px 24px $footerHeight;
height: calc(100vh - #{$headerHeight + $footerHeight + $mainHeadingHeight + 24px}); height: calc(100vh - #{$headerHeight + $footerHeight + $mainHeadingHeight + 24px});
overflow: auto; overflow: auto;
// Enable scroll with momentum on touch devices
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
} }
.translucent { .translucent {

4
resources/assets/js/components/main-wrapper/sidebar/index.vue
View file

@ -91,6 +91,10 @@
max-height: calc(100vh - #{$headerHeight + $footerHeight}); max-height: calc(100vh - #{$headerHeight + $footerHeight});
overflow: auto; overflow: auto;
// Enable scroll with momentum on touch devices
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
section { section {
margin-bottom: 32px; margin-bottom: 32px;