argoproj / argo-cd

Declarative Continuous Deployment for Kubernetes
https://argo-cd.readthedocs.io
Apache License 2.0
18k stars 5.48k forks source link

Make buttons in the UI looks more like clickable buttons rather than labels #19698

Open andrii-korotkov-verkada opened 2 months ago

andrii-korotkov-verkada commented 2 months ago

Summary

The buttons on the top (like Details or Refresh) and labels like Sync OK and revision name in Sync status can be remade to have a more 3D style, so it's more obvious those are clickable things. Screenshot 2024-08-27 at 8 01 38 AM Screenshot 2024-08-27 at 8 01 41 AM

Motivation

Based on a feedback of UI engineer new to ArgoCD, it wasn't obvious those are clickable until I showed it during the Demo. Those look more like labels, especially the Sync status button which doesn't have a border.

Proposal

Make the buttons have more of 3D style, or other way to look more like clickable objects. For the Sync OK button and revision name in Sync status they need some border added.

keithchong commented 2 months ago

Like this? It's a one line change in argo-ui, but there is talk about deprecating it.

Screenshot 2024-08-29 at 11 47 07 AM
andrii-korotkov-verkada commented 3 weeks ago

@keithchong, yes, that would be great. If argo-ui is being deprecated, what's the people's proposed path forward with ui?