From mboxrd@z Thu Jan 1 00:00:00 1970
Return-Path: <f.ebner@proxmox.com>
Received: from firstgate.proxmox.com (firstgate.proxmox.com [212.224.123.68])
(using TLSv1.3 with cipher TLS_AES_256_GCM_SHA384 (256/256 bits)
key-exchange X25519 server-signature RSA-PSS (2048 bits))
(No client certificate requested)
by lists.proxmox.com (Postfix) with ESMTPS id B43AD62510
for <pve-devel@lists.proxmox.com>; Wed, 16 Sep 2020 14:51:02 +0200 (CEST)
Received: from firstgate.proxmox.com (localhost [127.0.0.1])
by firstgate.proxmox.com (Proxmox) with ESMTP id F0EDA243A1
for <pve-devel@lists.proxmox.com>; Wed, 16 Sep 2020 14:51:00 +0200 (CEST)
Received: from proxmox-new.maurer-it.com (proxmox-new.maurer-it.com
[212.186.127.180])
(using TLSv1.3 with cipher TLS_AES_256_GCM_SHA384 (256/256 bits)
key-exchange X25519 server-signature RSA-PSS (2048 bits))
(No client certificate requested)
by firstgate.proxmox.com (Proxmox) with ESMTPS id 0E4072413A
for <pve-devel@lists.proxmox.com>; Wed, 16 Sep 2020 14:50:54 +0200 (CEST)
Received: from proxmox-new.maurer-it.com (localhost.localdomain [127.0.0.1])
by proxmox-new.maurer-it.com (Proxmox) with ESMTP id C659A44B6A
for <pve-devel@lists.proxmox.com>; Wed, 16 Sep 2020 14:50:53 +0200 (CEST)
From: Fabian Ebner <f.ebner@proxmox.com>
To: pve-devel@lists.proxmox.com
Date: Wed, 16 Sep 2020 14:50:25 +0200
Message-Id: <20200916125041.4151-5-f.ebner@proxmox.com>
X-Mailer: git-send-email 2.20.1
In-Reply-To: <20200916125041.4151-1-f.ebner@proxmox.com>
References: <20200916125041.4151-1-f.ebner@proxmox.com>
MIME-Version: 1.0
Content-Transfer-Encoding: 8bit
X-SPAM-LEVEL: Spam detection results: 0
AWL -0.057 Adjusted score from AWL reputation of From: address
KAM_DMARC_STATUS 0.01 Test Rule for DKIM or SPF Failure with Strict Alignment
RCVD_IN_DNSWL_MED -2.3 Sender listed at https://www.dnswl.org/,
medium trust
SPF_HELO_NONE 0.001 SPF: HELO does not publish an SPF Record
SPF_PASS -0.001 SPF: sender matches SPF record
URIBL_BLOCKED 0.001 ADMINISTRATOR NOTICE: The query to URIBL was blocked. See
http://wiki.apache.org/spamassassin/DnsBlocklists#dnsbl-block for more
information. [sencha.com]
Subject: [pve-devel] [PATCH v2 manager 04/20] add CD ROM and lxc icons for
treelist-item-icon
X-BeenThere: pve-devel@lists.proxmox.com
X-Mailman-Version: 2.1.29
Precedence: list
List-Id: Proxmox VE development discussion <pve-devel.lists.proxmox.com>
List-Unsubscribe: <https://lists.proxmox.com/cgi-bin/mailman/options/pve-devel>,
<mailto:pve-devel-request@lists.proxmox.com?subject=unsubscribe>
List-Archive: <http://lists.proxmox.com/pipermail/pve-devel/>
List-Post: <mailto:pve-devel@lists.proxmox.com>
List-Help: <mailto:pve-devel-request@lists.proxmox.com?subject=help>
List-Subscribe: <https://lists.proxmox.com/cgi-bin/mailman/listinfo/pve-devel>,
<mailto:pve-devel-request@lists.proxmox.com?subject=subscribe>
X-List-Received-Date: Wed, 16 Sep 2020 12:51:02 -0000
Signed-off-by: Fabian Ebner <f.ebner@proxmox.com>
---
new in v2
www/css/ext6-pve.css | 19 +++++++++++++++++++
1 file changed, 19 insertions(+)
diff --git a/www/css/ext6-pve.css b/www/css/ext6-pve.css
index a91f1aaf..a7c0750c 100644
--- a/www/css/ext6-pve.css
+++ b/www/css/ext6-pve.css
@@ -230,6 +230,16 @@
color: #CC1800;
}
+/*
+ * using background-image doesn't work for treelist-items, so use content. See:
+ * https://forum.sencha.com/forum/showthread.php?339656-extjs-6-treelist-custom-iconcls-can-not-working
+ */
+.pve-itype-treelist-item-icon-cdrom {
+ top: 50%;
+ transform: translateY(-50%);
+ content: url(../images/icon-cd.png);
+}
+
/* the lxc template */
.x-tree-icon-custom.lxc:after,
.x-grid-icon-custom.lxc:after {
@@ -237,6 +247,13 @@
background: #fff;
}
+.x-treelist-item-icon.lxc:after {
+ content: "\f1b2";
+ background: #fff;
+ font-size: 0.75em;
+ margin-left: -25%;
+}
+
/* the qemu template */
.x-tree-icon-custom.qemu:after,
.x-grid-icon-custom.qemu:after {
@@ -245,12 +262,14 @@
}
/* fixes background on mouseover and selected items */
+.x-treelist-item-over .lxc:after,
.x-grid-item-over .qemu:after,
.x-grid-item-over .lxc:after {
background-color: #e2eff9;
text-shadow: -1px 0px 2px #e2eff9;
}
+.x-treelist-item-selected .lxc:after,
.x-grid-item-selected .qemu:after,
.x-grid-item-selected .lxc:after {
background-color: #c2ddf2;
--
2.20.1