From: Shannon Sterz <s.sterz@proxmox.com>
To: pve-devel@lists.proxmox.com
Subject: [pve-devel] [PATCH widget-toolkit 3/3] images/css: replace openid icon with an svg version
Date: Fri, 29 Aug 2025 16:12:16 +0200 [thread overview]
Message-ID: <20250829141219.290626-5-s.sterz@proxmox.com> (raw)
In-Reply-To: <20250829141219.290626-2-s.sterz@proxmox.com>
the original image here does have a fairly high resolution, but it can
easily replaced by an svg which will always look sharp.
Signed-off-by: Shannon Sterz <s.sterz@proxmox.com>
---
src/css/ext6-pmx.css | 2 +-
src/images/Makefile | 2 +-
src/images/openid-icon-100x100.png | Bin 1377 -> 0 bytes
src/images/openid-icon.svg | 35 +++++++++++++++++++++++++++++
4 files changed, 37 insertions(+), 2 deletions(-)
delete mode 100644 src/images/openid-icon-100x100.png
create mode 100644 src/images/openid-icon.svg
diff --git a/src/css/ext6-pmx.css b/src/css/ext6-pmx.css
index eebd8f1..59c15f4 100644
--- a/src/css/ext6-pmx.css
+++ b/src/css/ext6-pmx.css
@@ -217,7 +217,7 @@ div.right-aligned {
.pmx-itype-icon-openid-logo {
padding-left: 22px;
background-size: 16px 16px;
- background-image: url(../images/openid-icon-100x100.png);
+ background-image: url(../images/openid-icon.svg);
}
/* fix up extjs spinners with our svg spinner */
diff --git a/src/images/Makefile b/src/images/Makefile
index c6f5fdd..66ce733 100644
--- a/src/images/Makefile
+++ b/src/images/Makefile
@@ -1,7 +1,7 @@
include ../defines.mk
IMAGES=pmx-clear-trigger.svg \
- openid-icon-100x100.png \
+ openid-icon.svg \
icon-cpu.svg \
icon-ram.svg \
debian-swirl-openlogo.svg \
diff --git a/src/images/openid-icon-100x100.png b/src/images/openid-icon-100x100.png
deleted file mode 100644
index ac2aa9f8f32c93b778ef5e8fa13f7de95e10b01c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 1377
zcmV-n1)lneP)<h;3K|Lk000e1NJLTq003kF003kN1^@s6aN?Cz0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU%14%?dRCwC#ok4QbFcgNBOg5|<E<kgG
zni=+Z!?u_c;O=1vC%`=cVK_jY6A*fW<Ob=Q1ui>w=?a$UwZEsr<FrX6IhOPPGa6@+
zMzTJ=r}t#ZRf?i0ilV4T_2=ueV_jahxsCk;0&$@~7P`c3ZtI}yAoL~EB@Ly`gN}lD
z2@r8;Z66Q>fe=JjfpiH(&_FbZ6MdO<2}I~&Z_-5=2a|^o2t^<SLJ<goPy|9C6oF6#
zLLd}@5C}ye1VRxAflvfO5l9$n<tB&A%S+i!66rG1B|kkqz4Bb2Y?_eg^o0~%-{N3_
z=*~D&cN-SU5>>u3YoHlJb+?_UY?EB(x-4;>Ye+Yp1%eTot^v>%l>=mqHZL(aW<D);
zum=bUTv2F>P%?cl1>iV$rvuLrjsRgCD1>zy;hx5@oCz%FW{3U}SDBT6JMaXeJO+@!
zKX+MTHMuS;ecy7O=+3>~ppQPFkA|?eg>xVVi1Yv>)}diFIY#|;O&`66MUA|<tOEy8
zC+UY2V8-H(Fo&+&j~qF(5M9wHjEo^U)PhNLAI;&uAF?hx3jy)G#bIlkTv_6E=>%4>
z^a!H>>=gC*))IByPR@JEdA7F@glRM7=O}=;*#0pg<eZ|M?K5W@Yysm0%LuOLiX0FY
zZSgS}5Fe#rT`lz-u#C0>f=108!dM~Vm^8IUWC2G8%0l-+hTtXjFeo<%q8suSqu7<Q
z5J1#`xrW7L7))L)roVw@xPl?>ZlrJQJTw?JIfL^#6jQ=_3&9s$EPbz#98E)xT^~v8
zT!qK=K#XY0)>qz!lTAlWjzJvxbWv3x{Rbi++i>qTJPsVjCxqi^1Jy;f7J^mC#PY`_
zj6Dn7MV0-~=#tQ&#ym4y%Lp9?qN*?Y^2G>lVq-!dHf151Wo1j%!4=;!7cmCzu>r?b
z)b;<Qj!MRs(Nq$6NV`o=BISD}MTiVQJI%qSh1iblY?CKt9fnl3qN9ohMUQx&*d>qx
zK9{-&bOQ^La&F`@CZMR+LhwbKFgGKDjUY)1AZ1!{b#Zl4w+VAsp=aT3a&>*ve_14e
zlq2=c7??oX1H?A>pd16SjmfFD0HFwkKpqm7T&NaV2sg@k05Z4ujhNl&9*9lony?$&
zWg#Q1$55_-=v+cpByIMzX6#D$le*0kNQ{FhltUo4qkMvgGL#D-SOUpy<`U(0%PI2^
z2Ua4dg)Z2wj)1^QY@wvspiQ~R)MYcYvR_iqHI&cnUI#$RQLgNdcFFPJZ=C2I0Kvof
z)WPpd7C$ey+Ecq*NSQ3UfFg^JOWC+gYq0<VC{yKbYiI^AobY!A;sMGC6aG(v*%3$u
z%E|+n4|HW)0x_V(>h1uGatKCFC#?{X9sGLORxb{a=u3B6`8p!k&p{Go`tn&8I_K){
z)p}Ql1f;j?A6DM?<Wnnk|L#Mv&f?YeyVznyA$#)v*LmlF0Ln33PNPo^pZ@)!Ui{v9
zvwf?9SZ#8UwJ%-XU~b_K#(e`Zz$|omj!3L%@%^saK5%+IeiS)IsyyvT*}-KM2t+2@
zUELfU5Ce>tH|cBvq`;gJ%=wjG6O|zGlZjsrl|~H!S;88EJ4n=Px<W)|<^MxZ90Qrd
zA{Hu8_4eHW<BVOr>6}voWCn`}7DQ`+tN~R1XN2;k>TnH^92U`;Gb+7M8fxs0i~%I?
j5(tW-D2lSxKLG{+NHO;ya*V$F00000NkvXXu0mjfHhE+;
diff --git a/src/images/openid-icon.svg b/src/images/openid-icon.svg
new file mode 100644
index 0000000..3393716
--- /dev/null
+++ b/src/images/openid-icon.svg
@@ -0,0 +1,35 @@
+<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.0"
+ width="120" height="120" xml:space="preserve">
+ <defs id="defs2596">
+ <clipPath id="clipPath2616">
+ <path d="M 0,14400 L 14400,14400 L 14400,0 L 0,0 L 0,14400 z" id="path2618" />
+ </clipPath>
+ </defs>
+ <g transform="matrix(1.25,0,0,-1.25,-8601.9012,9121.1624)" id="g2602">
+ <g transform="matrix(0.375,0,0,0.375,4301.4506,4557.5812)" id="g2734">
+ <g id="g2726">
+ <g transform="translate(6998.0969,7259.1135)" id="g2604">
+ <path d="M 0,0 L 0,-159.939 L 0,-180 L 32,-164.939 L 32,15.633 L 0,0 z"
+ id="path2606"
+ style="fill:#f8931e;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ />
+ </g>
+ <g transform="translate(7108.9192,7206.3137)" id="g2608">
+ <path d="M 0,0 L 4.417,-45.864 L -57.466,-32.4" id="path2610"
+ style="fill:#b3b3b3;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ />
+ </g>
+ <g transform="translate(6934.0969,7147.6213)" id="g2620">
+ <path d="M 0,0 C 0,22.674 24.707,41.769 58.383,47.598 L 58.383,67.923
+ C 6.873,61.697 -32,33.656 -32,0 C -32,-34.869 9.725,-63.709 64,-68.508
+ L 64,-48.447 C 27.484,-43.869 0,-23.919 0,0 M 101.617,67.915
+ L 101.617,47.598 C 115.016,45.279 127.002,40.871 136.568,34.958
+ L 159.195,48.942 C 143.775,58.473 123.873,65.225 101.617,67.915"
+ id="path2622"
+ style="fill:#b3b3b3;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ />
+ </g>
+ </g>
+ </g>
+ </g>
+</svg>
--
2.47.2
_______________________________________________
pve-devel mailing list
pve-devel@lists.proxmox.com
https://lists.proxmox.com/cgi-bin/mailman/listinfo/pve-devel
next prev parent reply other threads:[~2025-08-29 14:13 UTC|newest]
Thread overview: 8+ messages / expand[flat|nested] mbox.gz Atom feed top
2025-08-29 14:12 [pve-devel] [PATCH manager/pmg-gui/proxmox-backup/widget-toolkit 0/7] blurry icons follow-up Shannon Sterz
2025-08-29 14:12 ` [pve-devel] [PATCH widget-toolkit 1/3] css: override css classes for extjs spinner with our svg spinner Shannon Sterz
2025-08-29 14:12 ` [pve-devel] [PATCH widget-toolkit 2/3] images/css: replace pmx-clear-trigger.png with an svg Shannon Sterz
2025-08-29 14:12 ` Shannon Sterz [this message]
2025-08-29 14:12 ` [pve-devel] [PATCH manager 1/2] ui: remove unused pve-itype-icon-itype class Shannon Sterz
2025-08-29 14:12 ` [pve-devel] [PATCH manager 2/2] ui: use spinner from proxmox-widget-toolkit instead of adding it here Shannon Sterz
2025-08-29 14:12 ` [pve-devel] [PATCH proxmox-backup 1/1] css: replace blurry extjs spinner with widget-toolkit's svg version Shannon Sterz
2025-08-29 14:12 ` [pve-devel] [PATCH pmg-gui " Shannon Sterz
Reply instructions:
You may reply publicly to this message via plain-text email
using any one of the following methods:
* Save the following mbox file, import it into your mail client,
and reply-to-all from there: mbox
Avoid top-posting and favor interleaved quoting:
https://en.wikipedia.org/wiki/Posting_style#Interleaved_style
* Reply using the --to, --cc, and --in-reply-to
switches of git-send-email(1):
git send-email \
--in-reply-to=20250829141219.290626-5-s.sterz@proxmox.com \
--to=s.sterz@proxmox.com \
--cc=pve-devel@lists.proxmox.com \
/path/to/YOUR_REPLY
https://kernel.org/pub/software/scm/git/docs/git-send-email.html
* If your mail client supports setting the In-Reply-To header
via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line
before the message body.
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox