fix(pdf viewer): menubar is broken (#1160)

dasch-swiss · Jul 25, 2023 · 22e99e5 · 22e99e5
1 parent b1f510e
commit 22e99e5
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 10 deletions.
diff --git a/apps/dsp-app/src/app/workspace/resource/representation/document/document.component.html b/apps/dsp-app/src/app/workspace/resource/representation/document/document.component.html
@@ -20,7 +20,7 @@
     >
     </pdf-viewer>
 
-    <div class="toolbar">
+    <div>
         <div class="action horizontal bottom">
             <!-- caption -->
             <span>
@@ -94,9 +94,6 @@
 
             <!-- empty placeholders to center the zoom buttons -->
             <span class="fill-remaining-space"></span>
-            <span class="empty-space"></span>
-            <span class="empty-space"></span>
-            <span class="empty-space"></span>
 
             <!-- full screen button -->
             <span>

diff --git a/apps/dsp-app/src/app/workspace/resource/representation/document/document.component.scss b/apps/dsp-app/src/app/workspace/resource/representation/document/document.component.scss
@@ -21,14 +21,12 @@ $osd-height: 460px;
   }
 
   .pdf-container {
-    color: $bright;
-    height: 90%;
+    height: 100%;
     background-color: $dark;
     border-radius: 8px 8px 0px 0px;
 
     pdf-viewer {
       position: inherit;
-      height: 100%;
 
       ::ng-deep .ng2-pdf-viewer-container {
         height: 90%;

diff --git a/apps/dsp-app/src/app/workspace/resource/representation/document/document.component.ts b/apps/dsp-app/src/app/workspace/resource/representation/document/document.component.ts
@@ -73,9 +73,6 @@ export class DocumentComponent implements OnInit, AfterViewInit {
 
     ngOnInit(): void {
         this.fileType = this._getFileType(this.src.fileValue.filename);
-        if (this.fileType === 'pdf') {
-            this.elem = document.getElementsByClassName('pdf-viewer')[0];
-        }
 
         this._rs
             .getFileInfo(this.src.fileValue.fileUrl)
@@ -88,6 +85,9 @@ export class DocumentComponent implements OnInit, AfterViewInit {
     }
 
     ngAfterViewInit() {
+        if (this.fileType === 'pdf') {
+            this.elem = document.getElementsByClassName('pdf-viewer')[0];
+        }
         this.loaded.emit(true);
     }
 

diff --git a/apps/dsp-app/src/styles/_elements.scss b/apps/dsp-app/src/styles/_elements.scss
@@ -327,6 +327,7 @@ a,
       }
 
       &.bottom {
+        background-color: inherit;
         bottom: 0;
       }
     }