From b63978301b29ba3b7b6a41d809d45c7553c1112b Mon Sep 17 00:00:00 2001
From: mpetrov <mpetrov@thingsboard.io>
Date: Tue, 19 Nov 2024 19:22:25 +0200
Subject: [PATCH 1/3] Fixed Scroll and pagination buttons are absent on the
 SCADA symbol and Image gallery tables when there are 20+ elements

---
 .../app/shared/components/image/image-gallery.component.html    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui-ngx/src/app/shared/components/image/image-gallery.component.html b/ui-ngx/src/app/shared/components/image/image-gallery.component.html
index 685c53416c..c96b9b7b11 100644
--- a/ui-ngx/src/app/shared/components/image/image-gallery.component.html
+++ b/ui-ngx/src/app/shared/components/image/image-gallery.component.html
@@ -132,7 +132,7 @@
         </button>
       </div>
     </mat-toolbar>
-    <div *ngIf="mode === 'list'" class="flex flex-1 flex-col">
+    <div *ngIf="mode === 'list'" class="flex flex-1 flex-col h-full overflow-hidden">
       <div class="table-container flex-1">
         <table mat-table [dataSource]="dataSource" [trackBy]="trackByEntity"
                matSort [matSortActive]="pageLink.sortOrder.property" [matSortDirection]="pageLink.sortDirection()" matSortDisableClear>

From 2dcfe1a35dacb9b799925d56a2987c2bbd31ea87 Mon Sep 17 00:00:00 2001
From: mpetrov <mpetrov@thingsboard.io>
Date: Wed, 20 Nov 2024 11:48:38 +0200
Subject: [PATCH 2/3] Changes due to PR comment

---
 .../app/shared/components/image/image-gallery.component.html    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui-ngx/src/app/shared/components/image/image-gallery.component.html b/ui-ngx/src/app/shared/components/image/image-gallery.component.html
index c96b9b7b11..d5ac36e61e 100644
--- a/ui-ngx/src/app/shared/components/image/image-gallery.component.html
+++ b/ui-ngx/src/app/shared/components/image/image-gallery.component.html
@@ -132,7 +132,7 @@
         </button>
       </div>
     </mat-toolbar>
-    <div *ngIf="mode === 'list'" class="flex flex-1 flex-col h-full overflow-hidden">
+    <div *ngIf="mode === 'list'" class="flex flex-1 flex-col h-full min-h-0">
       <div class="table-container flex-1">
         <table mat-table [dataSource]="dataSource" [trackBy]="trackByEntity"
                matSort [matSortActive]="pageLink.sortOrder.property" [matSortDirection]="pageLink.sortDirection()" matSortDisableClear>

From 97f805f0cca5feb6c6484d173c239731746e92e9 Mon Sep 17 00:00:00 2001
From: mpetrov <mpetrov@thingsboard.io>
Date: Wed, 20 Nov 2024 11:49:15 +0200
Subject: [PATCH 3/3] Changes due to PR comment

---
 .../app/shared/components/image/image-gallery.component.html    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui-ngx/src/app/shared/components/image/image-gallery.component.html b/ui-ngx/src/app/shared/components/image/image-gallery.component.html
index d5ac36e61e..a45b9a982c 100644
--- a/ui-ngx/src/app/shared/components/image/image-gallery.component.html
+++ b/ui-ngx/src/app/shared/components/image/image-gallery.component.html
@@ -132,7 +132,7 @@
         </button>
       </div>
     </mat-toolbar>
-    <div *ngIf="mode === 'list'" class="flex flex-1 flex-col h-full min-h-0">
+    <div *ngIf="mode === 'list'" class="flex flex-1 flex-col min-h-0">
       <div class="table-container flex-1">
         <table mat-table [dataSource]="dataSource" [trackBy]="trackByEntity"
                matSort [matSortActive]="pageLink.sortOrder.property" [matSortDirection]="pageLink.sortDirection()" matSortDisableClear>