public inbox for pbs-devel@lists.proxmox.com
 help / color / mirror / Atom feed
From: Gabriel Goller <g.goller@proxmox.com>
To: Dominik Csapak <d.csapak@proxmox.com>,
	Thomas Lamprecht <t.lamprecht@proxmox.com>,
	Proxmox Backup Server development discussion
	<pbs-devel@lists.proxmox.com>
Subject: Re: [pbs-devel] [PATCH proxmox-backup] fix: ui: spinner position
Date: Mon, 16 Oct 2023 11:51:30 +0200	[thread overview]
Message-ID: <5f00418c-adfe-4e4a-8f5c-8e0b80e1ff1c@proxmox.com> (raw)
In-Reply-To: <87356f09-673e-4ae8-ba0a-9cedc30e5572@proxmox.com>


On 10/13/23 15:04, Dominik Csapak wrote:
> [..]
>
>
>> Having something like "Running" as text here would be nice, but  we
>> cannot just use a `.x-grid-row-loading:after { content: 'Running' }`
>> as that misses translations.
>>
>> One option would be to avoid ExtJS CSS here and use font-awesome like
>> "fa fa-fw fa-circle-o-notch fa-spin", the only disadvantage from that
>> is that we lose the site-wide synced animation that the currently used
>> GIF provides, can be worked around but IIRC there's nothing native
>> available for doing so.
>
> we could also create our own class that uses the gif as a background 
> image, or
> simply embed the gif directly? then we'd keep the image and could still
> add a translated text
To be honest, I wouldn't add a text. We would have to separate between 
'Running'
and 'Loading', because that's not the same thing (e.g., in pbs we use 
the spinner
on the snapshot size—where it would be 'Loading'—and on the task 
log—where it would
be 'Running'). Then we would also have to adjust some tables, because 
the 'Running'
or 'Loading' text won't fit (As far as I know, they use a fixed width).
>> For now the adapted CSS would be an OK stop-gap, IIRC we only use such
>> grid loading classes for such scheduled-job grids. Adding it to PVE
>> (isn't there even anything besides replication using that?) would be
>> good too though. IMO no need for widget toolkit, I'd keep this contained
>> for now.
>
> we use that for running tasks and replication, and the class
> 'x-grid-row-loading' is the same for pve/pmg/pbs (so i thought it might
> warrant to have it in widget toolkit, so that we can remove it from the
> individual projects' css files)
>
Right, we can do that, should be a fairly simple change as well.





  reply	other threads:[~2023-10-16  9:51 UTC|newest]

Thread overview: 13+ messages / expand[flat|nested]  mbox.gz  Atom feed  top
2023-09-13 14:20 Gabriel Goller
2023-10-11 11:06 ` Gabriel Goller
2023-10-12  9:28 ` Dominik Csapak
2023-10-12 11:49   ` Gabriel Goller
2023-10-12 12:34     ` Dominik Csapak
2023-10-12 12:40       ` Gabriel Goller
2023-10-13 12:38       ` Thomas Lamprecht
2023-10-13 13:04         ` Dominik Csapak
2023-10-16  9:51           ` Gabriel Goller [this message]
2023-10-16 10:04             ` Thomas Lamprecht
2023-10-16 11:57               ` Gabriel Goller
2023-10-16 12:41                 ` Gabriel Goller
2023-10-18 10:09                   ` 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=5f00418c-adfe-4e4a-8f5c-8e0b80e1ff1c@proxmox.com \
    --to=g.goller@proxmox.com \
    --cc=d.csapak@proxmox.com \
    --cc=pbs-devel@lists.proxmox.com \
    --cc=t.lamprecht@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
Service provided by Proxmox Server Solutions GmbH | Privacy | Legal