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: 10+ 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-09-05 18:33 ` [pve-devel] partially-applied: " Thomas Lamprecht
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-09-05 19:07 ` [pve-devel] applied: " Thomas Lamprecht
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 an external index of several public inboxes,
see mirroring instructions on how to clone and mirror
all data and code used by this external index.