mgr/dashboard: Subsystem details page opens at stale scroll position after Add Namespace

Fixes: https://tracker.ceph.com/issues/75287
Signed-off-by: Sagar Gopale <sagar.gopale@ibm.com>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/workbench-layout/workbench-layout.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/workbench-layout/workbench-layout.component.scss
index e2e5ac02757183efd99501f97fe80ce994823a01..99f4a4ffb88d0c66ea2bf2fff6732aed712e0747 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/workbench-layout/workbench-layout.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/workbench-layout/workbench-layout.component.scss
@@ -19,6 +19,15 @@
       padding-left: var(--cds-spacing-07);
     }
   }
+
+  &:has(.sidebar-layout--full) {
+    padding-left: 0;
+    padding-right: 0;
+
+    .breadcrumbs--padding {
+      padding-left: var(--cds-spacing-07);
+    }
+  }
 }
 
 .rgw-dashboard {

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/sidebar-layout/sidebar-layout.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/sidebar-layout/sidebar-layout.component.html
index 142c5be6db7a31da9f6d7fc51b9469f764ab4a31..3e212b318ec35bbe34b0b6a3a253fe878650d5f0 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/sidebar-layout/sidebar-layout.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/sidebar-layout/sidebar-layout.component.html
@@ -3,7 +3,7 @@
   <h2 class="cds--type-heading-05">{{ title }}</h2>
 </header>
 }
-<div class="sidebar-layout-container">
+<div class="sidebar-layout-container sidebar-layout--full">
   <div class="sidebar-layout-shell">
     <cds-sidenav
       [expanded]="true"

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/sidebar-layout/sidebar-layout.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/sidebar-layout/sidebar-layout.component.scss
index 9393ba965372d3a6f3db85cc1cf305f51f3e4020..b4570fdbe48ae3547fcd4488270b72c44f6a8ba7 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/sidebar-layout/sidebar-layout.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/sidebar-layout/sidebar-layout.component.scss
@@ -2,6 +2,13 @@
 @use '@carbon/colors';
 @use '@carbon/layout';
 
+.sidebar-layout--full {
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+
 .sidebar-layout-container {
   min-height: calc(100vh - (vv.$navbar-height + layout.rem(55px)));
   padding-right: var(--cds-spacing-07);

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/sidebar-layout/sidebar-layout.component.ts b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/sidebar-layout/sidebar-layout.component.ts
index 8c4a9600c55a031ce1a8ce8650418ed246a85332..0e9645ee56370f7b7db52dd836ddd07c3c45acf0 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/sidebar-layout/sidebar-layout.component.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/sidebar-layout/sidebar-layout.component.ts
@@ -12,10 +12,7 @@ export interface SidebarItem {
   templateUrl: './sidebar-layout.component.html',
   styleUrls: ['./sidebar-layout.component.scss'],
   encapsulation: ViewEncapsulation.None,
-  standalone: false,
-  host: {
-    class: 'tearsheet--full'
-  }
+  standalone: false
 })
 export class SidebarLayoutComponent {
   @Input() title!: string;