From: Pedro Gonzalez Gomez <pegonzal@redhat.com>
Date: Thu, 18 May 2023 07:14:50 +0000 (+0200)
Subject: mgr/dashboard: add-scroll-in-key-value-tables
X-Git-Tag: v17.2.7~346^2~24
X-Git-Url: http://git-server-git.apps.pok.os.sepia.ceph.com/?a=commitdiff_plain;h=06add67b9b032da7b084ce1e7ba90b872bd988a7;p=ceph.git

mgr/dashboard: add-scroll-in-key-value-tables

Fixes: https://tracker.ceph.com/issues/61220
Signed-off-by: Pedro Gonzalez Gomez <pegonzal@redhat.com>
(cherry picked from commit 1ae6a035b4ebfcee0009ee67740d485a2f9b8a9b)
---

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table-key-value/table-key-value.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table-key-value/table-key-value.component.html
index 2e2dda4e9414..b022f1551e88 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table-key-value/table-key-value.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table-key-value/table-key-value.component.html
@@ -1,12 +1,14 @@
-<cd-table #table
-          [data]="tableData"
-          [columns]="columns"
-          columnMode="flex"
-          [toolHeader]="false"
-          [autoReload]="autoReload"
-          [customCss]="customCss"
-          [autoSave]="false"
-          [header]="false"
-          [footer]="false"
-          [limit]="0">
-</cd-table>
+<div class="table-scroller">
+  <cd-table #table
+            [data]="tableData"
+            [columns]="columns"
+            columnMode="flex"
+            [toolHeader]="false"
+            [autoReload]="autoReload"
+            [customCss]="customCss"
+            [autoSave]="false"
+            [header]="false"
+            [footer]="false"
+            [limit]="0">
+  </cd-table>
+</div>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table-key-value/table-key-value.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table-key-value/table-key-value.component.scss
index e69de29bb2d1..f8d8745d44df 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table-key-value/table-key-value.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table-key-value/table-key-value.component.scss
@@ -0,0 +1,5 @@
+.table-scroller {
+  height: 100%;
+  max-height: 40vh;
+  overflow: auto;
+}