mirror of
https://git.proxmox.com/git/pve-manager
synced 2025-07-26 04:31:08 +00:00
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>
This commit is contained in:
parent
43fdec754d
commit
aa730149a9
@ -717,3 +717,7 @@ table.osds td:first-of-type {
|
|||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.pmx-faded {
|
||||||
|
opacity: 0.75;
|
||||||
|
}
|
||||||
|
@ -106,6 +106,7 @@ Ext.define('PVE.node.CephStatus', {
|
|||||||
severity: check.severity,
|
severity: check.severity,
|
||||||
};
|
};
|
||||||
data.noDetails = data.detail.length === 0;
|
data.noDetails = data.detail.length === 0;
|
||||||
|
data.detailsCls = data.detail.length === 0 ? 'pmx-faded' : '';
|
||||||
if (data.detail.length === 0) {
|
if (data.detail.length === 0) {
|
||||||
data.detail = "no additional data";
|
data.detail = "no additional data";
|
||||||
}
|
}
|
||||||
@ -185,7 +186,7 @@ Ext.define('PVE.node.CephStatus', {
|
|||||||
{
|
{
|
||||||
ptype: 'rowexpander',
|
ptype: 'rowexpander',
|
||||||
expandOnDblClick: false,
|
expandOnDblClick: false,
|
||||||
rowBodyTpl: '<pre class="pve-ceph-warning-detail">{detail}</pre>',
|
rowBodyTpl: '<pre class="pve-ceph-warning-detail {detailsCls}">{detail}</pre>',
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
Loading…
Reference in New Issue
Block a user