[pve-devel] [PATCH manager 6/9] ui: use svg version of xterm.js logo instead of a png

[Shannon Sterz <s.sterz@proxmox.com>]

this allows the icon to look sharp on high-res monitors.

Signed-off-by: Shannon Sterz <s.sterz@proxmox.com>
---
 www/css/ext6-pve.css   |   3 ++-
 www/images/Makefile    |   6 +++---
 www/images/xtermjs.png | Bin 729 -> 0 bytes
 www/images/xtermjs.svg |  11 +++++++++++
 4 files changed, 16 insertions(+), 4 deletions(-)
 delete mode 100644 www/images/xtermjs.png
 create mode 100644 www/images/xtermjs.svg

diff --git a/www/css/ext6-pve.css b/www/css/ext6-pve.css
index b45f1b42b..8ae477ed3 100644
--- a/www/css/ext6-pve.css
+++ b/www/css/ext6-pve.css
@@ -392,7 +392,8 @@
 }
 
 .pve-itype-icon-xtermjs {
-    background-image: url(../images/xtermjs.png);
+    background-size: 16px;
+    background-image: url(../images/xtermjs.svg);
 }
 
 .pve-itype-icon-usb {
diff --git a/www/images/Makefile b/www/images/Makefile
index 0fa6177ac..87cda5204 100644
--- a/www/images/Makefile
+++ b/www/images/Makefile
@@ -30,8 +30,8 @@ all:
 # ceph logos are from
 #  http://ceph.com/logos/
 
-# xtermjs.png is a cropped version of the logo found on
-# https://github.com/xtermjs/xterm.js
+# xtermjs.svg was copied from the xtermjs-branding sources:
+# https://github.com/xtermjs/xtermjs-branding/blob/master/logo.svg
 
 GNOME_IMAGES = 			\
 	checked.png		\
@@ -54,7 +54,7 @@ IMAGES = $(GNOME_IMAGES)	\
 	tigervnc.png		\
 	virt-viewer.svg		\
 	novnc.svg		\
-	xtermjs.png		\
+	xtermjs.svg		\
 	favicon.ico		\
 	snapshot.png		\
 	computer-on.png		\
diff --git a/www/images/xtermjs.png b/www/images/xtermjs.png
deleted file mode 100644
index b999d36d3c40a2805b90f8939cb3d4cd3585eb55..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 729
zcmV;~0w(>5P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru;S3TF7!bPL-;w|T0%l1>
zK~y-)U6V~n6;T+5pPB1lQlgf3h=jmR<@}_f$fcknh=^JU3Bhn7P{9ZiArW-Zs;os2
z1Z|313{z<tM41#VQVOvmYkstaL{>(3vIq;sd%1U7c;;drIGi)z`JTg^_x(OeH?(G;
zoRzWQI^Ga~ZfLlUN7DAOOcj8n?Uw=jfGUyyMbZuJ5HKPFS>TN8c$Wd{8k>0cdLn{L
zfezr3$o&L##)4EZqbTv8z+pfJ_9{yJZIB9PzJHsG-~!+%a9zOjK)+?GRtz9W1+Nq(
zt^kcdA#hMp;=@5I_|f_(kh05*3E(bJ3@ifIEK@xPAnS%EE~OKACiYdp;P#p=mAOp1
z8n^*$5KnwynQAvc>%#y!qFu+!0LOt3B2-(rzWnx5>f<IPxm3i)fKvd?7l)YW+mEzb
zak1Y4JO|=H2Dn+*GjIn<x<DAVS*Gf?KUrYBI{~cl5tv_fLp!1yS}5jU-Ox^kVHgRD
zW~g~iUi$|?OvH2Ids!|j+1NWzWzzO#%T%fF8T|i(H6sDs5@$<Ntk7=iAD#I6bZShv
zgk`EEZ65$>&HJ|jkAWH>8-}@i4QGdYv+1Q#!mt{6101tVbv9{F5#}<;tKiMRRRIIM
zAeZfsi`Pkn;V%(u0Ino$zuYowk>rBB3uU52+eD%dw78BpEri<z+y}M-X;G0~mZ_#?
z-Ox%z5k>GE(Cs?jbbVrXq{}358u$$q0Vja2r0vTxutyvQz$|dyb-WSX(3l*58FgbQ
z8m>>|MMZZ&(haQzs1UaOaUE}9r>2pOf%o3adoPqP5lvMg?Ed@@D<kYT`j}$X00000
LNkvXXu0mjfp(Hvg

diff --git a/www/images/xtermjs.svg b/www/images/xtermjs.svg
new file mode 100644
index 000000000..0aa957e3d
--- /dev/null
+++ b/www/images/xtermjs.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" standalone="yes"?>
+<svg width="140" height="140" viewBox="0 0 140 140" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <mask id="mask">
+    <rect x="0" y="0" width="100%" height="100%" fill="white"/>
+    <path d="m10 0 l30 0 l50 60 l-50 60 l-30 0 l50 -60"/>
+  </mask>
+  <g transform="translate(5,10)">
+    <path d="m130 0 l-30 0 l-50 60 l50 60 l30 0 l-50 -60" fill="#5DA5D5" mask="url(#mask)"/>
+    <path d="m0 0 l30 0 l50 60 l-50 60 l-30 0 l50 -60" fill="#2D2E2C"/>
+  </g>
+</svg>
-- 
2.47.2



_______________________________________________
pve-devel mailing list
pve-devel@lists.proxmox.com
https://lists.proxmox.com/cgi-bin/mailman/listinfo/pve-devel