Fix flickering issue in document info

dainst · Feb 21, 2025 · 11bb813 · 11bb813
1 parent a70e74b
commit 11bb813
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/desktop/src/app/components/widgets/document-info/document-info.html b/desktop/src/app/components/widgets/document-info/document-info.html
@@ -32,7 +32,7 @@
         {{parentDocument.resource.identifier}}
     </div>
 
-    <thumbnail *ngIf="showThumbnail"
+    <thumbnail *ngIf="isThumbnailShown()"
                [resource]="document.resource"
                (onClick)="clickThumbnail()"></thumbnail>
 

diff --git a/desktop/src/app/components/widgets/document-info/thumbnail.html b/desktop/src/app/components/widgets/document-info/thumbnail.html
@@ -1,15 +1,14 @@
-<div *ngIf="thumbnailUrl"
-     class="thumbnail-container d-flex align-items-center justify-content-center">
-     <img *ngIf="isThumbnailFound()"
+<div class="thumbnail-container d-flex align-items-center justify-content-center">
+     <img *ngIf="thumbnailUrl && isThumbnailFound()"
           [src]="thumbnailUrl"
           (click)="onImageClicked()">
-     <div *ngIf="!isThumbnailFound()"
+     <div *ngIf="thumbnailUrl && !isThumbnailFound()"
           class="thumbnail-placeholder"
           (click)="onImageClicked()">
           <category-icon [category]="thumbnailPlaceholderCategory" [size]="60"></category-icon>
      </div>
-    <div class="badge bg-secondary"
+    <div *ngIf="thumbnailUrl" class="badge bg-secondary"
          ngbTooltip="{{getNumberOfImagesTooltip()}}" placement="bottom" container="body">
          <span class="mdi mdi-image"> {{getNumberOfImages()}}</span>
     </div>
-</div>
+</div>