From f0ce6aadb13b1ad5e2402c7cd13dc51204178556 Mon Sep 17 00:00:00 2001
From: Nicoleta Panaghiu <nicoleta.panaghiu.ext@knecon.com>
Date: Mon, 25 Mar 2024 11:14:08 +0200
Subject: [PATCH] RED-8841: show 10 items instead of 5 in bulk-delete dialog.

---
 .../remove-redaction-dialog.component.html                | 4 ++--
 .../remove-redaction-dialog.component.ts                  | 8 ++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/remove-redaction-dialog/remove-redaction-dialog.component.html b/apps/red-ui/src/app/modules/file-preview/dialogs/remove-redaction-dialog/remove-redaction-dialog.component.html
index 927e7d284..1e5660e75 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/remove-redaction-dialog/remove-redaction-dialog.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/remove-redaction-dialog/remove-redaction-dialog.component.html
@@ -5,7 +5,7 @@
             class="dialog-header heading-l"
         ></div>
 
-        <div class="dialog-content redaction">
+        <div [ngStyle]="{ height: dialogContentHeight + redactedTextsAreaHeight + 'px' }" class="dialog-content redaction">
             <div *ngIf="!isImage" class="iqser-input-group">
                 <label
                     [translateParams]="typeTranslationArg"
@@ -18,7 +18,7 @@
                 <cdk-virtual-scroll-viewport
                     *ngIf="data.redactions.length > 1; else singleSelected"
                     [itemSize]="16"
-                    [ngStyle]="{ height: redactedTexts.length <= 5 ? 16 * redactedTexts.length + 'px' : 80 + 'px' }"
+                    [ngStyle]="{ height: redactedTextsAreaHeight + 'px' }"
                 >
                     <ul *cdkVirtualFor="let text of redactedTexts; let idx = index">
                         <li
diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/remove-redaction-dialog/remove-redaction-dialog.component.ts b/apps/red-ui/src/app/modules/file-preview/dialogs/remove-redaction-dialog/remove-redaction-dialog.component.ts
index 214503f57..397c570f5 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/remove-redaction-dialog/remove-redaction-dialog.component.ts
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/remove-redaction-dialog/remove-redaction-dialog.component.ts
@@ -66,6 +66,14 @@ export class RemoveRedactionDialogComponent extends IqserDialogComponent<
         return this.data.redactions.length > 1;
     }
 
+    get redactedTextsAreaHeight() {
+        return this.redactedTexts.length <= 10 ? 16 * this.redactedTexts.length : 160;
+    }
+
+    get dialogContentHeight() {
+        return this.options.length * 75 + 230;
+    }
+
     save(): void {
         this.close(this.form.getRawValue());
     }