Merge branch 'history-timeline-mobile' into 'main'

Improve history timeline for mobile See merge request reportcreator/reportcreator!500
Syslifters · Mar 28, 2024 · 74c014a · 74c014a
2 parents 8cbafea + b918fa6
commit 74c014a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/frontend/src/components/History/Timeline.vue b/frontend/src/components/History/Timeline.vue
@@ -1,10 +1,13 @@
 <template>
   <v-navigation-drawer
+    v-if="mobile ? props.modelValue : true"
     :model-value="props.modelValue"
     @update:model-value="emit('update:modelValue', $event)"
     location="right"
     absolute
     temporary
+    touchless
+    :mobile-breakpoint="0" 
     class="history-sidebar"
   >
     <div class="history-timeline-header">
@@ -64,6 +67,7 @@ const emit = defineEmits<{
 }>();
 
 const apiSettings = useApiSettings();
+const { mobile } = useDisplay();
 
 const historyRecords = useSearchableCursorPaginationFetcher<HistoryTimelineRecord>({
   baseURL: props.url

diff --git a/frontend/src/components/S/SubDrawer.vue b/frontend/src/components/S/SubDrawer.vue
@@ -3,7 +3,8 @@
     :rail="!isExpanded"
     rail-width="36"
     width="180"
-    permanent  
+    permanent
+    touchless
     color="drawer"
     class="subdrawer"
   >