From: Gabriel Goller <g.goller@proxmox.com>
To: pbs-devel@lists.proxmox.com
Subject: [pbs-devel] [PATCH widget-toolkit 2/2] ui: moved common loading spinner classes
Date: Wed, 18 Oct 2023 12:08:56 +0200 [thread overview]
Message-ID: <20231018100858.56184-1-g.goller@proxmox.com> (raw)
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@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
next reply other threads:[~2023-10-18 10:09 UTC|newest]
Thread overview: 3+ messages / expand[flat|nested] mbox.gz Atom feed top
2023-10-18 10:08 Gabriel Goller [this message]
2023-10-18 10:08 ` [pbs-devel] [PATCH proxmox-backup] ui: align loading spinner to the left, added label Gabriel Goller
2023-10-18 10:08 ` [pbs-devel] [PATCH pve-manager] ui: align " Gabriel Goller
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=20231018100858.56184-1-g.goller@proxmox.com \
--to=g.goller@proxmox.com \
--cc=pbs-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