fix(scrum): allow scroll in kanban view when fullscreen mode is active

pablolmedorado · May 11, 2021 · 3cc2e42 · 3cc2e42
1 parent 1113606
commit 3cc2e42
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/frontend/src/views/scrum/sprints/SprintKanban.vue b/frontend/src/views/scrum/sprints/SprintKanban.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="scrolled">
     <ContextBreadcrumbs :items="breadcrumbs" />
-    <div ref="fullscreenWrapper">
+    <div id="fs-wrapper" ref="fullscreenWrapper">
       <v-card class="mt-2" :style="{ 'min-width': kanbanMinWidth }">
         <v-toolbar flat>
           <v-toolbar-title class="text-h6">Kanban</v-toolbar-title>
@@ -90,7 +90,7 @@ export default {
   setup(props) {
     const { contextItem } = useScrumContext(props);
 
-    const fullscreenWrapper = ref(null);
+    const fullscreenWrapper = ref(null); // will be bind to the fullscreenWrapper <div> element
     const { isFullscreen, toggle: toggleFullscreen } = useFullscreen(fullscreenWrapper);
 
     return {
@@ -176,4 +176,7 @@ export default {
 .scrolled {
   overflow-x: auto;
 }
+#fs-wrapper:fullscreen {
+  overflow: auto;
+}
 </style>