all lists on lists.proxmox.com
 help / color / mirror / Atom feed
* [pve-devel] [PATCH manager/pmg-gui/proxmox-backup/widget-toolkit 0/7] blurry icons follow-up
@ 2025-08-29 14:12 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
                   ` (6 more replies)
  0 siblings, 7 replies; 10+ messages in thread
From: Shannon Sterz @ 2025-08-29 14:12 UTC (permalink / raw)
  To: pve-devel

this series is a small follow up to the recent series that removed all
custom blurry icons from proxmox ve [1]. this goes a small step further
adapting the following:

- patch 1: override extjs' spinners with our own svg spiner to avoid
  them looking blurry
- patches 2 & 3: replaces png based icon in the widget toolkit with svgs
- patch 4: remove and unused gif-based icon class from pve-manager
- patch 5: remove the svg-based spinner from pve-manager and use the one
  that is not present in proxmox-widget-toolkit to avoid duplication
- paches 6 & 7: use the svg spinner instead of an extjs' gif in
  proxmox-backup and pmg-gui.

[1]: https://lore.proxmox.com/all/20250826145836.302748-2-s.sterz@proxmox.com/

proxmox-widget-toolkit:

Shannon Sterz (3):
  css: override css classes for extjs spinner with our svg  spinner
  images/css: replace pmx-clear-trigger.png with an svg
  images/css: replace openid icon with an svg version

 src/css/ext6-pmx.css               |  17 ++++++++++++--
 src/images/Makefile                |   5 +++--
 src/images/openid-icon-100x100.png | Bin 1377 -> 0 bytes
 src/images/openid-icon.svg         |  35 +++++++++++++++++++++++++++++
 src/images/pmx-clear-trigger.png   | Bin 11118 -> 0 bytes
 src/images/pmx-clear-trigger.svg   |  10 +++++++++
 src/images/spinner.svg             |  24 ++++++++++++++++++++
 7 files changed, 87 insertions(+), 4 deletions(-)
 delete mode 100644 src/images/openid-icon-100x100.png
 create mode 100644 src/images/openid-icon.svg
 delete mode 100644 src/images/pmx-clear-trigger.png
 create mode 100644 src/images/pmx-clear-trigger.svg
 create mode 100644 src/images/spinner.svg


pve-manager:

Shannon Sterz (2):
  ui: remove unused pve-itype-icon-itype class
  ui: use spinner from proxmox-widget-toolkit instead of adding it here

 www/css/ext6-pve.css   |  7 +------
 www/images/Makefile    |  1 -
 www/images/spinner.svg | 24 ------------------------
 3 files changed, 1 insertion(+), 31 deletions(-)
 delete mode 100644 www/images/spinner.svg


proxmox-backup:

Shannon Sterz (1):
  css: replace blurry extjs spinner with widget-toolkit's svg version

 www/css/ext6-pbs.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)


pmg-gui:

Shannon Sterz (1):
  css: replace blurry extjs spinner with widget-toolkit's svg version

 css/ext6-pmg.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)


Summary over all repositories:
  12 files changed, 90 insertions(+), 37 deletions(-)

--
Generated by git-murpp 0.8.1


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


^ permalink raw reply	[flat|nested] 10+ messages in thread

* [pve-devel] [PATCH widget-toolkit 1/3] css: override css classes for extjs spinner with our svg spinner
  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 ` 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
                   ` (5 subsequent siblings)
  6 siblings, 1 reply; 10+ messages in thread
From: Shannon Sterz @ 2025-08-29 14:12 UTC (permalink / raw)
  To: pve-devel

so it does not look blurry

Signed-off-by: Shannon Sterz <s.sterz@proxmox.com>
---
 src/css/ext6-pmx.css   | 13 +++++++++++++
 src/images/Makefile    |  1 +
 src/images/spinner.svg | 24 ++++++++++++++++++++++++
 3 files changed, 38 insertions(+)
 create mode 100644 src/images/spinner.svg

diff --git a/src/css/ext6-pmx.css b/src/css/ext6-pmx.css
index 303dd43..a0217f3 100644
--- a/src/css/ext6-pmx.css
+++ b/src/css/ext6-pmx.css
@@ -220,6 +220,19 @@ div.right-aligned {
     background-image: url(../images/openid-icon-100x100.png);
 }
 
+/* fix up extjs spinners with our svg spinner */
+.x-treelist-item-loading .x-treelist-item-icon,
+.x-treelist-nav .x-treelist-item-loading .x-treelist-item-icon,
+.x-grid-tree-loading .x-tree-icon {
+    background-image: url(../images/spinner.svg);
+    background-size: 16px;
+}
+
+.x-mask-msg-text {
+    background-image: url(../images/spinner.svg);
+    background-size: 21px;
+}
+
 /* change font for config panel back to fontawesome */
 .x-treelist-item-expanded > * > * > .x-treelist-item-expander::after,
 .x-treelist-item-expander::after {
diff --git a/src/images/Makefile b/src/images/Makefile
index 61395b4..497a1e2 100644
--- a/src/images/Makefile
+++ b/src/images/Makefile
@@ -6,6 +6,7 @@ IMAGES=pmx-clear-trigger.png		\
        icon-ram.svg			\
        debian-swirl-openlogo.svg	\
        proxmox-symbol-x.svg		\
+       spinner.svg			\
 
 all:
 
diff --git a/src/images/spinner.svg b/src/images/spinner.svg
new file mode 100644
index 0000000..3d2a63c
--- /dev/null
+++ b/src/images/spinner.svg
@@ -0,0 +1,24 @@
+<svg version="1.1" viewBox="-13 -13 26 26" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<style>
+        @keyframes frames {
+            from { transform: rotate(0deg); }
+            to { transform: rotate(360deg); }
+        }
+        .spinner { animation: frames 1.2s steps(12, jump-start) infinite; }
+</style>
+<g stroke-linecap="round" stroke-width="2">
+<path class="spinner" id="a" d="m0 -8 0,4"/>
+<use transform="rotate(30)" xlink:href="#a" stroke="#eaeaea"/>
+<use transform="rotate(60)" xlink:href="#a" stroke="#d4d4d4"/>
+<use transform="rotate(90)" xlink:href="#a" stroke="#bfbfbf"/>
+<use transform="rotate(120)" xlink:href="#a" stroke="#aaaaaa"/>
+<use transform="rotate(150)" xlink:href="#a" stroke="#959595"/>
+<use transform="rotate(180)" xlink:href="#a" stroke="#808080"/>
+<use transform="rotate(210)" xlink:href="#a" stroke="#6a6a6a"/>
+<use transform="rotate(240)" xlink:href="#a" stroke="#555555"/>
+<use transform="rotate(270)" xlink:href="#a" stroke="#404040"/>
+<use transform="rotate(300)" xlink:href="#a" stroke="#2a2a2a"/>
+<use transform="rotate(330)" xlink:href="#a" stroke="#151515"/>
+<use transform="rotate(360)" xlink:href="#a" stroke="#000000"/>
+</g>
+</svg>
-- 
2.47.2



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


^ permalink raw reply	[flat|nested] 10+ messages in thread

* [pve-devel] [PATCH widget-toolkit 2/3] images/css: replace pmx-clear-trigger.png with an svg
  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 ` Shannon Sterz
  2025-08-29 14:12 ` [pve-devel] [PATCH widget-toolkit 3/3] images/css: replace openid icon with an svg version Shannon Sterz
                   ` (4 subsequent siblings)
  6 siblings, 0 replies; 10+ messages in thread
From: Shannon Sterz @ 2025-08-29 14:12 UTC (permalink / raw)
  To: pve-devel

this should render it sharply on high-res displays

Signed-off-by: Shannon Sterz <s.sterz@proxmox.com>
---
 src/css/ext6-pmx.css             |   2 +-
 src/images/Makefile              |   2 +-
 src/images/pmx-clear-trigger.png | Bin 11118 -> 0 bytes
 src/images/pmx-clear-trigger.svg |  10 ++++++++++
 4 files changed, 12 insertions(+), 2 deletions(-)
 delete mode 100644 src/images/pmx-clear-trigger.png
 create mode 100644 src/images/pmx-clear-trigger.svg

diff --git a/src/css/ext6-pmx.css b/src/css/ext6-pmx.css
index a0217f3..eebd8f1 100644
--- a/src/css/ext6-pmx.css
+++ b/src/css/ext6-pmx.css
@@ -1,5 +1,5 @@
 .pmx-clear-trigger {
-    background-image: url(../images/pmx-clear-trigger.png);
+    background-image: url(../images/pmx-clear-trigger.svg);
 }
 
 .pmx-hint {
diff --git a/src/images/Makefile b/src/images/Makefile
index 497a1e2..c6f5fdd 100644
--- a/src/images/Makefile
+++ b/src/images/Makefile
@@ -1,6 +1,6 @@
 include ../defines.mk
 
-IMAGES=pmx-clear-trigger.png		\
+IMAGES=pmx-clear-trigger.svg		\
        openid-icon-100x100.png		\
        icon-cpu.svg			\
        icon-ram.svg			\
diff --git a/src/images/pmx-clear-trigger.png b/src/images/pmx-clear-trigger.png
deleted file mode 100644
index cc374cf277060fbf6fee551c62927d4466609c80..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 11118
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

diff --git a/src/images/pmx-clear-trigger.svg b/src/images/pmx-clear-trigger.svg
new file mode 100644
index 0000000..8fcd799
--- /dev/null
+++ b/src/images/pmx-clear-trigger.svg
@@ -0,0 +1,10 @@
+<svg width="110" height="22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g stroke-linecap="round" stroke-width="2">
+        <path class="spinner" id="a" d="M7 7 L15 15 M7 15 L15 7"/>
+        <use xlink:href="#a" stroke="#737373"/>
+        <use x="22" xlink:href="#a" stroke="#0087ff"/>
+        <use x="44" xlink:href="#a" stroke="#0062b8"/>
+        <use x="66" xlink:href="#a" stroke="#737373"/>
+        <use x="88" xlink:href="#a" stroke="#0087ff"/>
+    </g>
+</svg>
-- 
2.47.2



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


^ permalink raw reply	[flat|nested] 10+ messages in thread

* [pve-devel] [PATCH widget-toolkit 3/3] images/css: replace openid icon with an svg version
  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
  2025-08-29 14:12 ` [pve-devel] [PATCH manager 1/2] ui: remove unused pve-itype-icon-itype class Shannon Sterz
                   ` (3 subsequent siblings)
  6 siblings, 0 replies; 10+ messages in thread
From: Shannon Sterz @ 2025-08-29 14:12 UTC (permalink / raw)
  To: pve-devel

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


^ permalink raw reply	[flat|nested] 10+ messages in thread

* [pve-devel] [PATCH manager 1/2] ui: remove unused pve-itype-icon-itype class
  2025-08-29 14:12 [pve-devel] [PATCH manager/pmg-gui/proxmox-backup/widget-toolkit 0/7] blurry icons follow-up Shannon Sterz
                   ` (2 preceding siblings ...)
  2025-08-29 14:12 ` [pve-devel] [PATCH widget-toolkit 3/3] images/css: replace openid icon with an svg version Shannon Sterz
@ 2025-08-29 14:12 ` 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
                   ` (2 subsequent siblings)
  6 siblings, 1 reply; 10+ messages in thread
From: Shannon Sterz @ 2025-08-29 14:12 UTC (permalink / raw)
  To: pve-devel

it's based on an old gif icon and should no longer be used anyway, so
remove it.

Signed-off-by: Shannon Sterz <s.sterz@proxmox.com>
---
 www/css/ext6-pve.css | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/www/css/ext6-pve.css b/www/css/ext6-pve.css
index 025c49f28..27742a74b 100644
--- a/www/css/ext6-pve.css
+++ b/www/css/ext6-pve.css
@@ -299,7 +299,6 @@
 .pve-itype-icon-node,
 .pve-itype-icon-node-running,
 .pve-itype-icon-pool,
-.pve-itype-icon-itype,
 .pve-itype-icon-serial,
 .pve-itype-icon-cloud,
 .pve-itype-icon-pci,
@@ -325,10 +324,6 @@
     font-size: 14px;
 }
 
-.pve-itype-icon-itype {
-    background-image: url(../ext6/theme-classic/resources/images/tree/folder.gif);
-}
-
 .pve-itype-icon-cdrom {
     background-size: 16px;
     background-image: url(../images/icon-cd-drive.svg);
-- 
2.47.2



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


^ permalink raw reply	[flat|nested] 10+ messages in thread

* [pve-devel] [PATCH manager 2/2] ui: use spinner from proxmox-widget-toolkit instead of adding it here
  2025-08-29 14:12 [pve-devel] [PATCH manager/pmg-gui/proxmox-backup/widget-toolkit 0/7] blurry icons follow-up Shannon Sterz
                   ` (3 preceding siblings ...)
  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 ` 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
  6 siblings, 0 replies; 10+ messages in thread
From: Shannon Sterz @ 2025-08-29 14:12 UTC (permalink / raw)
  To: pve-devel

Signed-off-by: Shannon Sterz <s.sterz@proxmox.com>
---
 www/css/ext6-pve.css   |  2 +-
 www/images/Makefile    |  1 -
 www/images/spinner.svg | 24 ------------------------
 3 files changed, 1 insertion(+), 26 deletions(-)
 delete mode 100644 www/images/spinner.svg

diff --git a/www/css/ext6-pve.css b/www/css/ext6-pve.css
index 27742a74b..618c1f395 100644
--- a/www/css/ext6-pve.css
+++ b/www/css/ext6-pve.css
@@ -92,7 +92,7 @@
 /* loading in task list */
 .x-grid-row-loading {
     background: no-repeat center center;
-    background-image: url(../images/spinner.svg);
+    background-image: url(../../pwt/images/spinner.svg);
 }
 
 /* for font-awesome colors */
diff --git a/www/images/Makefile b/www/images/Makefile
index 57631a87c..e5e72eb1d 100644
--- a/www/images/Makefile
+++ b/www/images/Makefile
@@ -40,7 +40,6 @@ IMAGES =			\
 	icon-cpu.svg		\
 	icon-memory.svg		\
 	icon-cd-drive.svg	\
-	spinner.svg		\
 
 icon-sdn.svg: icon-sdn.dot
 	fdp -Tsvg $< > $@
diff --git a/www/images/spinner.svg b/www/images/spinner.svg
deleted file mode 100644
index 3d2a63c0d..000000000
--- a/www/images/spinner.svg
+++ /dev/null
@@ -1,24 +0,0 @@
-<svg version="1.1" viewBox="-13 -13 26 26" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<style>
-        @keyframes frames {
-            from { transform: rotate(0deg); }
-            to { transform: rotate(360deg); }
-        }
-        .spinner { animation: frames 1.2s steps(12, jump-start) infinite; }
-</style>
-<g stroke-linecap="round" stroke-width="2">
-<path class="spinner" id="a" d="m0 -8 0,4"/>
-<use transform="rotate(30)" xlink:href="#a" stroke="#eaeaea"/>
-<use transform="rotate(60)" xlink:href="#a" stroke="#d4d4d4"/>
-<use transform="rotate(90)" xlink:href="#a" stroke="#bfbfbf"/>
-<use transform="rotate(120)" xlink:href="#a" stroke="#aaaaaa"/>
-<use transform="rotate(150)" xlink:href="#a" stroke="#959595"/>
-<use transform="rotate(180)" xlink:href="#a" stroke="#808080"/>
-<use transform="rotate(210)" xlink:href="#a" stroke="#6a6a6a"/>
-<use transform="rotate(240)" xlink:href="#a" stroke="#555555"/>
-<use transform="rotate(270)" xlink:href="#a" stroke="#404040"/>
-<use transform="rotate(300)" xlink:href="#a" stroke="#2a2a2a"/>
-<use transform="rotate(330)" xlink:href="#a" stroke="#151515"/>
-<use transform="rotate(360)" xlink:href="#a" stroke="#000000"/>
-</g>
-</svg>
-- 
2.47.2



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


^ permalink raw reply	[flat|nested] 10+ messages in thread

* [pve-devel] [PATCH proxmox-backup 1/1] css: replace blurry extjs spinner with widget-toolkit's svg version
  2025-08-29 14:12 [pve-devel] [PATCH manager/pmg-gui/proxmox-backup/widget-toolkit 0/7] blurry icons follow-up Shannon Sterz
                   ` (4 preceding siblings ...)
  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 ` Shannon Sterz
  2025-08-29 14:12 ` [pve-devel] [PATCH pmg-gui " Shannon Sterz
  6 siblings, 0 replies; 10+ messages in thread
From: Shannon Sterz @ 2025-08-29 14:12 UTC (permalink / raw)
  To: pve-devel

Signed-off-by: Shannon Sterz <s.sterz@proxmox.com>
---
 www/css/ext6-pbs.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/www/css/ext6-pbs.css b/www/css/ext6-pbs.css
index 4a4a58d2..1d4c538a 100644
--- a/www/css/ext6-pbs.css
+++ b/www/css/ext6-pbs.css
@@ -92,7 +92,7 @@
 /* loading in task list */
 .x-grid-row-loading {
     background: no-repeat center center;
-    background-image: url(../extjs/theme-crisp/resources/images/loadmask/loading.gif);
+    background-image: url(../../pwt/images/spinner.svg);
 }
 
 /* displayfield minheight is wrong */
-- 
2.47.2



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


^ permalink raw reply	[flat|nested] 10+ messages in thread

* [pve-devel] [PATCH pmg-gui 1/1] css: replace blurry extjs spinner with widget-toolkit's svg version
  2025-08-29 14:12 [pve-devel] [PATCH manager/pmg-gui/proxmox-backup/widget-toolkit 0/7] blurry icons follow-up Shannon Sterz
                   ` (5 preceding siblings ...)
  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 ` Shannon Sterz
  6 siblings, 0 replies; 10+ messages in thread
From: Shannon Sterz @ 2025-08-29 14:12 UTC (permalink / raw)
  To: pve-devel

Signed-off-by: Shannon Sterz <s.sterz@proxmox.com>
---
 css/ext6-pmg.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/css/ext6-pmg.css b/css/ext6-pmg.css
index a6042aa..31e9411 100644
--- a/css/ext6-pmg.css
+++ b/css/ext6-pmg.css
@@ -112,7 +112,7 @@
 /* loading in task list */
 .x-grid-row-loading {
     background: no-repeat center center;
-    background-image: url(../ext6/theme-crisp/resources/images/loadmask/loading.gif);
+    background-image: url(../../pwt/images/spinner.svg);
 }
 
 /* displayfield minheight is wrong */
-- 
2.47.2



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


^ permalink raw reply	[flat|nested] 10+ messages in thread

* [pve-devel] partially-applied: [PATCH widget-toolkit 1/3] css: override css classes for extjs spinner with our svg spinner
  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   ` Thomas Lamprecht
  0 siblings, 0 replies; 10+ messages in thread
From: Thomas Lamprecht @ 2025-09-05 18:33 UTC (permalink / raw)
  To: Proxmox VE development discussion, Shannon Sterz

Am 29.08.25 um 16:13 schrieb Shannon Sterz:
> so it does not look blurry
> 
> Signed-off-by: Shannon Sterz <s.sterz@proxmox.com>
> ---
>  src/css/ext6-pmx.css   | 13 +++++++++++++
>  src/images/Makefile    |  1 +
>  src/images/spinner.svg | 24 ++++++++++++++++++++++++
>  3 files changed, 38 insertions(+)
>  create mode 100644 src/images/spinner.svg
> 
>

applied the three widget-toolkit patches for now, thanks!


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


^ permalink raw reply	[flat|nested] 10+ messages in thread

* [pve-devel] applied: [PATCH manager 1/2] ui: remove unused pve-itype-icon-itype class
  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   ` Thomas Lamprecht
  0 siblings, 0 replies; 10+ messages in thread
From: Thomas Lamprecht @ 2025-09-05 19:07 UTC (permalink / raw)
  To: pve-devel, Shannon Sterz

On Fri, 29 Aug 2025 16:12:17 +0200, Shannon Sterz wrote:
> it's based on an old gif icon and should no longer be used anyway, so
> remove it.
> 
> 

Applied, thanks!

[1/2] ui: remove unused pve-itype-icon-itype class
      commit: ccccc387fb4813d00af758d2d938455490fa5625


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


^ permalink raw reply	[flat|nested] 10+ messages in thread

end of thread, other threads:[~2025-09-05 19:08 UTC | newest]

Thread overview: 10+ messages (download: mbox.gz / follow: Atom feed)
-- links below jump to the message on this page --
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 ` [pve-devel] [PATCH widget-toolkit 3/3] images/css: replace openid icon with an svg version Shannon Sterz
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

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