mgr/dashboard: rgw multisite topology view shows blank table for multisite entities

Toplology view in multi-site dashboard displaying blank table regarding realm, zonegroup and zones in chrome browser

Fixes: https://tracker.ceph.com/issues/62677
Signed-off-by: Aashish Sharma <aasharma@redhat.com>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-details/rgw-multisite-details.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-details/rgw-multisite-details.component.html
index 331ce22e9a2a69ad4de80fd45832e43514bce48e..8523727bb0afcb3ed196fadea095420e20cdf3c6 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-details/rgw-multisite-details.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-details/rgw-multisite-details.component.html
@@ -100,9 +100,11 @@
           <div class="col-sm-6 col-lg-6 metadata"
                *ngIf="metadata">
             <legend>{{ metadataTitle }}</legend>
-            <cd-table-key-value cdTableDetail
-                                [data]="metadata">
-            </cd-table-key-value>
+            <div>
+              <cd-table-key-value cdTableDetail
+                                  [data]="metadata">
+              </cd-table-key-value>
+            </div>
           </div>
         </div>
       </div>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-details/rgw-multisite-details.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-details/rgw-multisite-details.component.scss
index 4eefc8892b838d4be7238a8af72bf1738370bae6..537b53a519ccfd02b4ac484599a207b73c6901c4 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-details/rgw-multisite-details.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-details/rgw-multisite-details.component.scss
@@ -11,9 +11,3 @@
 .btn:disabled {
   pointer-events: none;
 }
-
-cd-table-key-value {
-  ::ng-deep .table-scroller {
-    overflow: unset;
-  }
-}