[pbs-devel] [PATCH widget-toolkit 2/2] ui: moved common loading spinner classes

[Gabriel Goller]

The css classes for the loading spinner were identical in pve and pbs,
moved them here.
Added the new `x-grid-row-loading-left` class to the dark mode filter.

Signed-off-by: Gabriel Goller <g.goller at proxmox.com>
---
 src/css/ext6-pmx.css                                 | 12 ++++++++++++
 src/proxmox-dark/scss/proxmox/_loadingindicator.scss |  4 +++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/css/ext6-pmx.css b/src/css/ext6-pmx.css
index 2ffd2a8..88db0ef 100644
--- a/src/css/ext6-pmx.css
+++ b/src/css/ext6-pmx.css
@@ -348,3 +348,15 @@ div.right-aligned {
     color: #555;
 }
 /* action column fix end */
+
+/* loading in task list */
+.x-grid-row-loading {
+    background: no-repeat center center;
+    background-image:url(../extjs/theme-crisp/resources/images/loadmask/loading.gif);
+}
+
+.x-grid-row-loading-left > * {
+    display: flex;
+    text-align: left;
+    gap: 10px;
+}
diff --git a/src/proxmox-dark/scss/proxmox/_loadingindicator.scss b/src/proxmox-dark/scss/proxmox/_loadingindicator.scss
index 69fd962..df4f51b 100644
--- a/src/proxmox-dark/scss/proxmox/_loadingindicator.scss
+++ b/src/proxmox-dark/scss/proxmox/_loadingindicator.scss
@@ -1,5 +1,6 @@
 // loading spinners
 .x-grid-row-loading,
+.x-grid-row-loading-left,
 .x-treelist-item-loading .x-treelist-item-icon,
 .x-treelist-nav .x-treelist-item-loading .x-treelist-item-icon,
 .x-mask-msg-text,
@@ -8,7 +9,8 @@
   color: black;
 }
 
-.x-keyboard-mode .x-grid-item-focused.x-grid-row-loading {
+.x-keyboard-mode .x-grid-item-focused.x-grid-row-loading,
+.x-keyboard-mode .x-grid-item-focused.x-grid-row-loading-left  {
   background-color: invert($selection-background-color, $weight: 90%);
 
   .x-grid-cell-inner::before {
-- 
2.39.2