From ad3b2b816081df8b79e31fb138a090aa84f5d31b Mon Sep 17 00:00:00 2001
From: gilangjavier <gilangjavier@users.noreply.github.com>
Date: Thu, 19 Mar 2026 10:25:03 +0700
Subject: [PATCH] fix: keep import modal actions reachable with many notices

---
 .../import-activities-dialog.html                        | 2 +-
 .../import-activities-dialog.scss                        | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.html b/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.html
index 508fdd753..f07a9de00 100644
--- a/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.html
+++ b/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.html
@@ -156,7 +156,7 @@
             </button>
           </div>
         } @else {
-          <div class="pt-3">
+          <div class="notices pt-3">
             <mat-accordion displayMode="flat">
               @for (message of errorMessages; track message; let i = $index) {
                 <mat-expansion-panel [disabled]="!details[i]">
diff --git a/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.scss b/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.scss
index 64f488e36..60d1ca78d 100644
--- a/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.scss
+++ b/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.scss
@@ -2,7 +2,8 @@
   display: block;
 
   .mat-mdc-dialog-content {
-    max-height: unset;
+    max-height: calc(100vh - 10rem);
+    overflow: auto;
 
     a {
       color: rgba(var(--palette-primary-500), 1);
@@ -42,6 +43,12 @@
       top: calc(50% - 10px);
     }
 
+    .notices {
+      max-height: min(24rem, 50vh);
+      overflow-y: auto;
+      padding-right: 0.25rem;
+    }
+
     .mat-expansion-panel {
       background: none;
       box-shadow: none;