mirrors/dozzle
1
0
Fork 0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-24 06:28:42 +01:00
Code Issues Projects Releases Wiki Activity

fix: tries to fix a scroll bug in mobile

Browse Source
This commit is contained in:
Amir Raminfar
2019-12-29 15:05:02 -08:00
parent 541227494f
commit cc99eaa819
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
assets/App.vue
View File

@@ -1,7 +1,7 @@
<template lang="html"> <template lang="html">
<main> <main>
<mobile-menu v-if="isMobile"></mobile-menu> <mobile-menu v-if="isMobile"></mobile-menu>
<splitpanes @resized="updateSetting({ menuWidth: $event[0].size })"> <splitpanes @resized="onResize($event)">
<pane min-size="10" :size="settings.menuWidth" v-if="!isMobile"> <pane min-size="10" :size="settings.menuWidth" v-if="!isMobile">
<side-menu></side-menu> <side-menu></side-menu>
</pane> </pane>
@@ -75,7 +75,12 @@ export default {
fetchContainerList: "FETCH_CONTAINERS", fetchContainerList: "FETCH_CONTAINERS",
removeActiveContainer: "REMOVE_ACTIVE_CONTAINER", removeActiveContainer: "REMOVE_ACTIVE_CONTAINER",
updateSetting: "UPDATE_SETTING" updateSetting: "UPDATE_SETTING"
}) }),
onResize(e) {
if (e.length == 2) {
this.updateSetting({ menuWidth: Math.min(90, e[0].size) });
}
}
} }
}; };
</script> </script>

1
assets/components/ScrollableView.vue
View File

@@ -67,6 +67,7 @@ section {
main { main {
flex: 1; flex: 1;
overflow: auto; overflow: auto;
overscroll-behavior: none;
} }
.scroll-bar-notification { .scroll-bar-notification {
text-align: right; text-align: right;