From: Afreen Misbah <afreen@ibm.com>
Date: Mon, 16 Mar 2026 07:53:08 +0000 (+0530)
Subject: mgr/dashboard: Add tootltip to storage overview
X-Git-Url: http://git-server-git.apps.pok.os.sepia.ceph.com/?a=commitdiff_plain;h=d2f82bdcf81c8653af4f220ad3f37c8138df6371;p=ceph.git

mgr/dashboard: Add tootltip to storage overview

Signed-off-by: Afreen Misbah <afreen@ibm.com>
(cherry picked from commit 90c09d867988137f32beb5328b147e2384cc5000)
---

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/storage-card/overview-storage-card.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/storage-card/overview-storage-card.component.html
index 0bb28a579a1e..38c6f3823dee 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/storage-card/overview-storage-card.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/storage-card/overview-storage-card.component.html
@@ -16,7 +16,7 @@
   </ng-template>
   <!-- CAPACITY USAGE TEXT -->
   <div class="overview-storage-card-usage-text">
-    @if(displayUsedRaw && totalRaw && usedRawUnit && totalRawUnit) {
+    @if( totalRaw && usedRawUnit && totalRawUnit) {
     <h5>
       <span
         class="cds--type-heading-05"
@@ -24,6 +24,14 @@
       <span
         class="cds--type-body-02"
         i18n>{{usedRawUnit}} of {{totalRaw}} {{totalRawUnit}} used</span>
+      <cds-tooltip
+        class="cds-ml-3"
+        [caret]="true"
+        description="Shows raw used vs. total raw capacity. Raw capacity includes all physical storage before replication or overhead."
+        i8n-description
+      >
+      <cd-icon type="help"></cd-icon>
+    </cds-tooltip>
     </h5>
     }
     @else {
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/storage-card/overview-storage-card.component.ts b/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/storage-card/overview-storage-card.component.ts
index e767784ed11c..63611170c86e 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/storage-card/overview-storage-card.component.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/storage-card/overview-storage-card.component.ts
@@ -31,6 +31,7 @@ import { OverviewStorageService } from '~/app/shared/api/storage-overview.servic
 import { RgwBucketService } from '~/app/shared/api/rgw-bucket.service';
 import { AreaChartComponent } from '~/app/shared/components/area-chart/area-chart.component';
 import { PieChartComponent } from '~/app/shared/components/pie-chart/pie-chart.component';
+import { ComponentsModule } from '~/app/shared/components/components.module';
 
 const CHART_HEIGHT = '45px';
 
@@ -103,7 +104,8 @@ const TopPoolsQueryMap = {
     SkeletonModule,
     LayoutModule,
     AreaChartComponent,
-    PieChartComponent
+    PieChartComponent,
+    ComponentsModule
   ],
   standalone: true,
   templateUrl: './overview-storage-card.component.html',