[pve-devel] [PATCH manager/pmg-gui/proxmox-backup/widget-toolkit 0/7] blurry icons follow-up

[pve-devel] [PATCH manager/pmg-gui/proxmox-backup/widget-toolkit 0/7] blurry icons follow-up

[Shannon Sterz]

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

[pve-devel] [PATCH widget-toolkit 1/3] css: override css classes for extjs spinner with our svg spinner

[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

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

[pve-devel] [PATCH widget-toolkit 2/3] images/css: replace pmx-clear-trigger.png with an svg

[Shannon Sterz]

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

[pve-devel] [PATCH widget-toolkit 3/3] images/css: replace openid icon with an svg version

[Shannon Sterz]

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

[pve-devel] [PATCH manager 1/2] ui: remove unused pve-itype-icon-itype class

[Shannon Sterz]

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

[pve-devel] [PATCH manager 2/2] ui: use spinner from proxmox-widget-toolkit instead of adding it here

[Shannon Sterz]

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

[pve-devel] [PATCH proxmox-backup 1/1] css: replace blurry extjs spinner with widget-toolkit's svg version

[Shannon Sterz]

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

[pve-devel] [PATCH pmg-gui 1/1] css: replace blurry extjs spinner with widget-toolkit's svg version

[Shannon Sterz]

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