podman-desktop icon indicating copy to clipboard operation
podman-desktop copied to clipboard

Icons and animations for system tray menu

Open slemeur opened this issue 3 years ago • 4 comments
trafficstars

Is your enhancement related to a problem? Please describe

We would like to improve the system tray icons and provide some animations that are reflecting the state of the providers. Capture d’écran 2022-06-09 à 10 24 51

Describe the solution you'd like

We would like to explore the following behaviors:

  • When the user is starting a podman-machine, it can take some time and it would be nice to reflect that state in the tray icon. - The icons that are used to display the state of the machines/providers are just a basic "circle" at the moment and we should be able to find something better which could eventually be provided by each provider too, so that it will be easier to differentiate them.
  • Icons for start/stop.

Describe alternatives you've considered

No response

Additional context

No response

slemeur avatar Jun 09 '22 08:06 slemeur

Hi @slemeur - I don't know that these are perfect, but they certainly have distinctive shapes so they can be differentiated that way (these are from the container list mockups that @benoitf implemented in 0.0.5):

Screenshot from 2022-07-06 15-47-27 Screenshot from 2022-07-06 15-47-19

The green barchart is 'chart-simple' from font awesome in #64ad6c, and the red power icon is 'power-off' from font awesome in #f86847.

mairin avatar Jul 06 '22 19:07 mairin

For the animation when the machine is starting... I don't know what format would be best to provide that in, but patternfly has a spinner component that might be good here (maybe override the color with a purple?)

https://www.patternfly.org/v4/components/spinner/

mairin avatar Jul 06 '22 19:07 mairin

@mairin for animation, we just require different png images

you can look at https://github.com/containers/podman-desktop/tree/main/packages/main/src/assets the step*** images

benoitf avatar Jul 20 '22 15:07 benoitf

@slemeur : provide gif

slemeur avatar Jul 21 '22 13:07 slemeur

This has been complete for a while (and there is even a current issue for future enhancement) so closing this.

deboer-tim avatar Jun 15 '23 15:06 deboer-tim