For larger sheets with ensure that they are not hidden regardless of …

…screen size (#3255)
Netflix · Apr 10, 2023 · 7c5e33f · 7c5e33f
1 parent a87b295
commit 7c5e33f
Show file tree

Hide file tree

Showing 9 changed files with 65 additions and 9 deletions.
diff --git a/src/dispatch/static/dispatch/src/case/NewSheet.vue b/src/dispatch/static/dispatch/src/case/NewSheet.vue
@@ -1,6 +1,13 @@
 <template>
   <ValidationObserver v-slot="{ invalid, validated }">
-    <v-navigation-drawer v-model="showNewSheet" app clipped right width="800">
+    <v-navigation-drawer
+      v-model="showNewSheet"
+      app
+      clipped
+      right
+      width="800"
+      :permanent="$vuetify.breakpoint.mdAndDown"
+    >
       <template v-slot:prepend>
         <v-list-item two-line>
           <v-list-item-content>

diff --git a/src/dispatch/static/dispatch/src/data/source/dataFormat/NewEditSheet.vue b/src/dispatch/static/dispatch/src/data/source/dataFormat/NewEditSheet.vue
@@ -1,6 +1,13 @@
 <template>
   <ValidationObserver v-slot="{ invalid, validated }">
-    <v-navigation-drawer v-model="showCreateEdit" app clipped right width="800">
+    <v-navigation-drawer
+      v-model="showCreateEdit"
+      app
+      clipped
+      right
+      width="800"
+      :permanent="$vuetify.breakpoint.mdAndDown"
+    >
       <template v-slot:prepend>
         <v-list-item two-line>
           <v-list-item-content>

diff --git a/src/dispatch/static/dispatch/src/data/source/environment/NewEditSheet.vue b/src/dispatch/static/dispatch/src/data/source/environment/NewEditSheet.vue
@@ -1,6 +1,13 @@
 <template>
   <ValidationObserver v-slot="{ invalid, validated }">
-    <v-navigation-drawer v-model="showCreateEdit" app clipped right width="800">
+    <v-navigation-drawer
+      v-model="showCreateEdit"
+      app
+      clipped
+      right
+      width="800"
+      :permanent="$vuetify.breakpoint.mdAndDown"
+    >
       <template v-slot:prepend>
         <v-list-item two-line>
           <v-list-item-content>

diff --git a/src/dispatch/static/dispatch/src/data/source/status/NewEditSheet.vue b/src/dispatch/static/dispatch/src/data/source/status/NewEditSheet.vue
@@ -1,6 +1,13 @@
 <template>
   <ValidationObserver v-slot="{ invalid, validated }">
-    <v-navigation-drawer v-model="showCreateEdit" app clipped right width="800">
+    <v-navigation-drawer
+      v-model="showCreateEdit"
+      app
+      clipped
+      right
+      width="800"
+      :permanent="$vuetify.breakpoint.mdAndDown"
+    >
       <template v-slot:prepend>
         <v-list-item two-line>
           <v-list-item-content>

diff --git a/src/dispatch/static/dispatch/src/data/source/transport/NewEditSheet.vue b/src/dispatch/static/dispatch/src/data/source/transport/NewEditSheet.vue
@@ -1,6 +1,13 @@
 <template>
   <ValidationObserver v-slot="{ invalid, validated }">
-    <v-navigation-drawer v-model="showCreateEdit" app clipped right width="800">
+    <v-navigation-drawer
+      v-model="showCreateEdit"
+      app
+      clipped
+      right
+      width="800"
+      :permanent="$vuetify.breakpoint.mdAndDown"
+    >
       <template v-slot:prepend>
         <v-list-item two-line>
           <v-list-item-content>

diff --git a/src/dispatch/static/dispatch/src/data/source/type/NewEditSheet.vue b/src/dispatch/static/dispatch/src/data/source/type/NewEditSheet.vue
@@ -1,6 +1,13 @@
 <template>
   <ValidationObserver v-slot="{ invalid, validated }">
-    <v-navigation-drawer v-model="showCreateEdit" app clipped right width="800">
+    <v-navigation-drawer
+      v-model="showCreateEdit"
+      app
+      clipped
+      right
+      width="800"
+      :permanent="$vuetify.breakpoint.mdAndDown"
+    >
       <template v-slot:prepend>
         <v-list-item two-line>
           <v-list-item-content>

diff --git a/src/dispatch/static/dispatch/src/incident/EditSheet.vue b/src/dispatch/static/dispatch/src/incident/EditSheet.vue
@@ -1,6 +1,6 @@
 <template>
   <ValidationObserver v-slot="{ invalid, validated }">
-    <v-navigation-drawer app clipped right width="800">
+    <v-navigation-drawer app right width="800" :permanent="$vuetify.breakpoint.mdAndDown">
       <template v-slot:prepend>
         <v-list-item two-line>
           <v-list-item-content>

diff --git a/src/dispatch/static/dispatch/src/incident/ExecutiveReportSheet.vue b/src/dispatch/static/dispatch/src/incident/ExecutiveReportSheet.vue
@@ -1,6 +1,13 @@
 <template>
   <ValidationObserver v-slot="{ invalid, validated }">
-    <v-navigation-drawer v-model="showNewSheet" app clipped right width="800">
+    <v-navigation-drawer
+      v-model="showNewSheet"
+      app
+      clipped
+      right
+      width="800"
+      :permanent="$vuetify.breakpoint.mdAndDown"
+    >
       <template v-slot:prepend>
         <v-list-item two-line>
           <v-list-item-content>

diff --git a/src/dispatch/static/dispatch/src/incident/NewSheet.vue b/src/dispatch/static/dispatch/src/incident/NewSheet.vue
@@ -1,6 +1,13 @@
 <template>
   <ValidationObserver v-slot="{ invalid, validated }">
-    <v-navigation-drawer v-model="showNewSheet" app clipped right width="800">
+    <v-navigation-drawer
+      v-model="showNewSheet"
+      app
+      clipped
+      right
+      width="800"
+      :permanent="$vuetify.breakpoint.mdAndDown"
+    >
       <template v-slot:prepend>
         <v-list-item two-line>
           <v-list-item-content>