public inbox for pve-devel@lists.proxmox.com
 help / color / mirror / Atom feed
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


  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
Service provided by Proxmox Server Solutions GmbH | Privacy | Legal