From mboxrd@z Thu Jan 1 00:00:00 1970 Return-Path: Received: from firstgate.proxmox.com (firstgate.proxmox.com [212.224.123.68]) (using TLSv1.3 with cipher TLS_AES_256_GCM_SHA384 (256/256 bits) key-exchange X25519 server-signature RSA-PSS (2048 bits)) (No client certificate requested) by lists.proxmox.com (Postfix) with ESMTPS id AFFC99B62E for ; Wed, 18 Oct 2023 12:09:34 +0200 (CEST) Received: from firstgate.proxmox.com (localhost [127.0.0.1]) by firstgate.proxmox.com (Proxmox) with ESMTP id 8EBD8CDD9 for ; Wed, 18 Oct 2023 12:09:04 +0200 (CEST) Received: from proxmox-new.maurer-it.com (proxmox-new.maurer-it.com [94.136.29.106]) (using TLSv1.3 with cipher TLS_AES_256_GCM_SHA384 (256/256 bits) key-exchange X25519 server-signature RSA-PSS (2048 bits) server-digest SHA256) (No client certificate requested) by firstgate.proxmox.com (Proxmox) with ESMTPS for ; Wed, 18 Oct 2023 12:09:03 +0200 (CEST) Received: from proxmox-new.maurer-it.com (localhost.localdomain [127.0.0.1]) by proxmox-new.maurer-it.com (Proxmox) with ESMTP id 6B43542A06 for ; Wed, 18 Oct 2023 12:09:02 +0200 (CEST) From: Gabriel Goller To: pbs-devel@lists.proxmox.com Date: Wed, 18 Oct 2023 12:08:56 +0200 Message-Id: <20231018100858.56184-1-g.goller@proxmox.com> X-Mailer: git-send-email 2.39.2 MIME-Version: 1.0 Content-Transfer-Encoding: 8bit X-SPAM-LEVEL: Spam detection results: 0 AWL -0.320 Adjusted score from AWL reputation of From: address BAYES_00 -1.9 Bayes spam probability is 0 to 1% DMARC_MISSING 0.1 Missing DMARC policy KAM_DMARC_STATUS 0.01 Test Rule for DKIM or SPF Failure with Strict Alignment SPF_HELO_NONE 0.001 SPF: HELO does not publish an SPF Record SPF_PASS -0.001 SPF: sender matches SPF record Subject: [pbs-devel] [PATCH widget-toolkit 2/2] ui: moved common loading spinner classes X-BeenThere: pbs-devel@lists.proxmox.com X-Mailman-Version: 2.1.29 Precedence: list List-Id: Proxmox Backup Server development discussion List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , X-List-Received-Date: Wed, 18 Oct 2023 10:09:34 -0000 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 --- 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