Fixed Adress Loading when customer is preset

Added more Display Options
Enabled Timeline in Devtools
Changed Style of Document Display

components/DocumentDisplay.vue

@@ -128,9 +128,9 @@ const updateDocumentAssignment = async () => {
 </script>
 
 <template>
-  <div class="documentListItem">
+  <div class="documentListItem" @click="openDocument">
     <object
-        :data="documentData.url"
+        :data="`${documentData.url}#toolbar=0&navpanes=0&scrollbar=0`"
         class="previewEmbed"
         type="application/pdf"
         v-if="!documentData.tags.includes('Bild')"
@@ -140,26 +140,28 @@ const updateDocumentAssignment = async () => {
       alt=""
       :src="documentData.url"
     />
+<!-- TODO: Remove Scrollbar    -->
 
 
 
-    <UButton
+<!--    <UButton
         @click="openDocument"
         class="mt-3"
+        icon=""
     >
       <UIcon name="i-heroicons-eye-solid" />
-    </UButton>
-    <UToggle
+    </UButton>-->
+<!--    <UToggle
         v-model="documentData.selected"
         class="ml-2"
-    />
+    />-->
     <br>
-    <UBadge
+<!--    <UBadge
       v-if="documentData.vendorInvoice"
     >{{dataStore.incominginvoices.find(item => item.id === documentData.vendorInvoice) ? dataStore.incominginvoices.find(item => item.id === documentData.vendorInvoice).reference : ''}}</UBadge>
     <UBadge
       v-if="documentData.inDatev"
-    >DATEV</UBadge>
+    >DATEV</UBadge>-->
   </div>
 
 
@@ -335,8 +337,9 @@ const updateDocumentAssignment = async () => {
 
 .previewEmbed {
   width: 100%;
-  height: 22vh;
-  overflow: hidden;
+  height: 100%;
+  overflow: hidden !important;
+  pointer-events: none !important;
   -ms-overflow-style: none;  /* IE and Edge */
   scrollbar-width: none;  /* Firefox */
 }