From aa730149a9aeaecdbe4ffedc61fab7140d04c1fb Mon Sep 17 00:00:00 2001
From: Thomas Lamprecht <t.lamprecht@proxmox.com>
Date: Tue, 10 Oct 2023 15:29:21 +0200
Subject: [PATCH] ui: ceph warnings: lower opacity for no-details text

to make it more clear that this is not the details, but a UI text
placeholder.
Add a `pmx-faded` class that reduced opacity, as there where recent
discussion about adding such a utility class to widget-toolkit anyway.

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
---
 www/css/ext6-pve.css        | 4 ++++
 www/manager6/ceph/Status.js | 3 ++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/www/css/ext6-pve.css b/www/css/ext6-pve.css
index f386fd12..e2d3dce9 100644
--- a/www/css/ext6-pve.css
+++ b/www/css/ext6-pve.css
@@ -717,3 +717,7 @@ table.osds td:first-of-type {
     padding-bottom: 10px;
     font-weight: normal;
 }
+
+.pmx-faded {
+    opacity: 0.75;
+}
diff --git a/www/manager6/ceph/Status.js b/www/manager6/ceph/Status.js
index a72ee761..e985a4cc 100644
--- a/www/manager6/ceph/Status.js
+++ b/www/manager6/ceph/Status.js
@@ -106,6 +106,7 @@ Ext.define('PVE.node.CephStatus', {
 				severity: check.severity,
 			    };
 			    data.noDetails = data.detail.length === 0;
+			    data.detailsCls = data.detail.length === 0 ? 'pmx-faded' : '';
 			    if (data.detail.length === 0) {
 				data.detail = "no additional data";
 			    }
@@ -185,7 +186,7 @@ Ext.define('PVE.node.CephStatus', {
 			{
 			    ptype: 'rowexpander',
 			    expandOnDblClick: false,
-			    rowBodyTpl: '<pre class="pve-ceph-warning-detail">{detail}</pre>',
+			    rowBodyTpl: '<pre class="pve-ceph-warning-detail {detailsCls}">{detail}</pre>',
 			},
 		    ],
 		},