From 351abaa5c2071c3bc56c72abf2bdc8cfb22062a9 Mon Sep 17 00:00:00 2001
From: root <root@TI-03.OHB.LOCAL>
Date: Thu, 25 Jul 2024 10:44:00 -0300
Subject: [PATCH 1/2] Removing position-fixed bootstrap class so that navbar
 links are available again

---
 .../file-dropzone-no-uploader.component.html                  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/shared/upload/file-dropzone-no-uploader/file-dropzone-no-uploader.component.html b/src/app/shared/upload/file-dropzone-no-uploader/file-dropzone-no-uploader.component.html
index babfa91f0b0..dcd1fdfef74 100644
--- a/src/app/shared/upload/file-dropzone-no-uploader/file-dropzone-no-uploader.component.html
+++ b/src/app/shared/upload/file-dropzone-no-uploader/file-dropzone-no-uploader.component.html
@@ -1,12 +1,12 @@
 <div ng2FileDrop
-     class="ds-document-drop-zone position-fixed h-100 w-100"
+     class="ds-document-drop-zone h-100 w-100"
      [class.ds-document-drop-zone-active]="(isOverDocumentDropZone | async)"
      [uploader]="uploader"
      (onFileDrop)="setFile($event)"
      (fileOver)="fileOverDocument($event)">
 </div>
 <div *ngIf="(isOverDocumentDropZone | async)"
-     class="ds-document-drop-zone-inner position-fixed h-100 w-100 p-2">
+     class="ds-document-drop-zone-inner h-100 w-100 p-2">
   <div
     class="ds-document-drop-zone-inner-content position-relative d-flex flex-column justify-content-center text-center h-100 w-100">
     <p class="text-primary">{{ dropMessageLabel | translate}}</p>

From 2c259f5ae937a26f37b0dd00ea46b70f4fef7e0d Mon Sep 17 00:00:00 2001
From: root <root@TI-03.OHB.LOCAL>
Date: Tue, 30 Jul 2024 17:20:47 -0300
Subject: [PATCH 2/2] A new approach so that the elements of the
 ds-file-dropzone-no-uploader component don't overlap the navbar and make it
 inaccessible

---
 .../file-dropzone-no-uploader.component.html                | 4 ++--
 .../file-dropzone-no-uploader.scss                          | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/app/shared/upload/file-dropzone-no-uploader/file-dropzone-no-uploader.component.html b/src/app/shared/upload/file-dropzone-no-uploader/file-dropzone-no-uploader.component.html
index dcd1fdfef74..babfa91f0b0 100644
--- a/src/app/shared/upload/file-dropzone-no-uploader/file-dropzone-no-uploader.component.html
+++ b/src/app/shared/upload/file-dropzone-no-uploader/file-dropzone-no-uploader.component.html
@@ -1,12 +1,12 @@
 <div ng2FileDrop
-     class="ds-document-drop-zone h-100 w-100"
+     class="ds-document-drop-zone position-fixed h-100 w-100"
      [class.ds-document-drop-zone-active]="(isOverDocumentDropZone | async)"
      [uploader]="uploader"
      (onFileDrop)="setFile($event)"
      (fileOver)="fileOverDocument($event)">
 </div>
 <div *ngIf="(isOverDocumentDropZone | async)"
-     class="ds-document-drop-zone-inner h-100 w-100 p-2">
+     class="ds-document-drop-zone-inner position-fixed h-100 w-100 p-2">
   <div
     class="ds-document-drop-zone-inner-content position-relative d-flex flex-column justify-content-center text-center h-100 w-100">
     <p class="text-primary">{{ dropMessageLabel | translate}}</p>
diff --git a/src/app/shared/upload/file-dropzone-no-uploader/file-dropzone-no-uploader.scss b/src/app/shared/upload/file-dropzone-no-uploader/file-dropzone-no-uploader.scss
index 5d06cd57185..91eb2ae8682 100644
--- a/src/app/shared/upload/file-dropzone-no-uploader/file-dropzone-no-uploader.scss
+++ b/src/app/shared/upload/file-dropzone-no-uploader/file-dropzone-no-uploader.scss
@@ -6,10 +6,16 @@
   top: 0;
   left: 0;
   z-index: -1;
+  display: block;
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 0.3s ease, visibility 0.3s ease;
 }
 
 .ds-document-drop-zone-active {
   z-index: var(--ds-drop-zone-area-z-index) !important;
+  opacity: 1;
+  visibility: visible;
 }
 
 .ds-document-drop-zone-inner {