From 3cc3b67d8b3b3aa557fa5f399c89239248bf5258 Mon Sep 17 00:00:00 2001 From: Dominik Csapak Date: Wed, 27 Feb 2019 12:32:35 +0100 Subject: [PATCH] gui: add lock icons to css and move the warning/error icons below that so that we get the correct icon if multiple apply Signed-off-by: Dominik Csapak --- www/css/ext6-pve.css | 53 +++++++++++++++++++++++++++----------------- 1 file changed, 33 insertions(+), 20 deletions(-) diff --git a/www/css/ext6-pve.css b/www/css/ext6-pve.css index e7f44a1f..b5dbd4f6 100644 --- a/www/css/ext6-pve.css +++ b/www/css/ext6-pve.css @@ -140,26 +140,6 @@ color: #21BF4B; } -/* the red x */ -.x-tree-icon-custom.offline:after, -.x-grid-icon-custom.offline:after, -.x-tree-icon-custom.ha-error:after, -.x-grid-icon-custom.ha-error:after { - content: "\f057"; - color: #CC1800; -} - -/* yellow ! triangle */ -.x-tree-icon-custom.io-error:after, -.x-grid-icon-custom.io-error:after, -.x-tree-icon-custom.internal-error:after, -.x-grid-icon-custom.internal-error:after, -.x-tree-icon-custom.guest-panicked:after, -.x-grid-icon-custom.guest-panicked:after { - content: "\f071"; - color: #FFCC00; -} - /* the grey '?' */ .x-tree-icon-custom.unknown:after, .x-grid-icon-custom.unknown:after { @@ -190,6 +170,39 @@ font-size: 0.6em; } +/* lock icons */ +.x-tree-icon-custom.locked:after, +.x-grid-icon-custom.locked:after { + content: "\f023"; + color: #000000; +} + +.x-tree-icon-custom.lock-backup:after, +.x-grid-icon-custom.lock-backup:after { + content: "\f0c7"; + color: #000000; +} + +/* yellow ! triangle */ +.x-tree-icon-custom.io-error:after, +.x-grid-icon-custom.io-error:after, +.x-tree-icon-custom.internal-error:after, +.x-grid-icon-custom.internal-error:after, +.x-tree-icon-custom.guest-panicked:after, +.x-grid-icon-custom.guest-panicked:after { + content: "\f071"; + color: #FFCC00; +} + +/* the red x */ +.x-tree-icon-custom.offline:after, +.x-grid-icon-custom.offline:after, +.x-tree-icon-custom.ha-error:after, +.x-grid-icon-custom.ha-error:after { + content: "\f057"; + color: #CC1800; +} + /* the lxc template */ .x-tree-icon-custom.lxc:after, .x-grid-icon-custom.lxc:after {