proxmox-mirrors/pve-manager
1
0
Fork 0
mirror of https://git.proxmox.com/git/pve-manager synced 2025-07-24 18:36:50 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

ui: ceph warnings: lower opacity for no-details text

Browse Source 
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>
This commit is contained in:
Thomas Lamprecht 2023-10-10 15:29:21 +02:00
parent 43fdec754d
commit aa730149a9
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
www/css/ext6-pve.css
View File

@ -717,3 +717,7 @@ table.osds td:first-of-type {
padding-bottom: 10px;
font-weight: normal;
}
.pmx-faded {
opacity: 0.75;
}

3
www/manager6/ceph/Status.js
View File

@ -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>',
},
],
},