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

Fixes: https://tracker.ceph.com/issues/61220
Signed-off-by: Pedro Gonzalez Gomez <pegonzal@redhat.com>

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 2e2dda4e94148e2b70267d2231d95bced940e671..b022f1551e88ff66ff82d63b4021e7a60552494b 100644 (file)
--- 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 e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..f8d8745d44df8881ab5866295246597cf36f213e 100644 (file)
--- 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;
+}