eui icon indicating copy to clipboard operation
eui copied to clipboard

Add toolbar button styles

Open ryankeairns opened this issue 4 years ago • 13 comments

Perhaps this could instead be a discussion topic, but Lens and the presentation toolbar (Dashboard, Canvas) are using the same toolbar button styles which smells like a possible EUI addition (e.g. new button group variation?).

They've been operating with separate sets of styles and, as of this writing, are having to make simultaneous adjustments due to the Amsterdam switch in order to gain more contrast with the underlying background color.

The latest design proposal is here (adding a border):

Screenshot 2021-04-15 at 14 24 37

ryankeairns avatar Apr 19 '21 13:04 ryankeairns

Thanks @ryankeairns,

For sharing this. The Maps app also has toolbar buttons.

Screenshot 2021-04-19 at 14 53 06

I think in EUI we could definitely create a toolbar button and toolbar button groups to create some consistency across all apps.

elizabetdev avatar Apr 19 '21 14:04 elizabetdev

Related: ARIA toolbar proposal #2405

chandlerprall avatar Apr 20 '21 17:04 chandlerprall

👋 Hey there. This issue hasn't had any activity for 180 days. We'll automatically close it if that trend continues for another week. If you feel this issue is still valid and needs attention please let us know with a comment.

github-actions[bot] avatar Dec 07 '21 00:12 github-actions[bot]

This issue is still valid, but it would be helpful if the EUI team had a more thorough design spec to go off of. @ryankeairns Is there someone on your team who is familiar with all the states/configurations that can build this out in Figma?

cchaos avatar Dec 07 '21 14:12 cchaos

@cchaos yep, @MichaelMarcialis can assist with that although it won't be real soon. Let's consider that a next step and he'll get to it as his workload allows.

ryankeairns avatar Dec 08 '21 15:12 ryankeairns

@MichaelMarcialis and @ryankeairns - do y'all still wanna get this implemented in EUI?

daveyholler avatar Feb 13 '23 18:02 daveyholler

From my perspective, I believe it still makes sense to support this at the EUI level. The current landscape is a bit all over the place:

  • Lens uses the ToolbarButton shared component in Kibana.
  • Dashboard and Canvas use a mix of a deprecated QuickButtonGroup component alongside EuiButton components with style overrides.
  • Maps also uses its own set of toolbar button markup and styles.

In any case, either a new component or enhancement to the existing button components at the EUI level would likely help provide better consistency across the apps and help us retire some of these redundant, bespoke solutions.

MichaelMarcialis avatar Feb 15 '23 18:02 MichaelMarcialis

👋 Hi there - this issue hasn't had any activity in 6 months. If the EUI team has not explicitly expressed that this is something on our roadmap, it's unlikely that we'll pick this issue up. We would sincerely appreciate a PR/community contribution if this is something that matters to you! If not, and there is no further activity on this issue for another 6 months (i.e. it's stale for over a year), the issue will be auto-closed.

github-actions[bot] avatar Oct 22 '23 08:10 github-actions[bot]

I believe this is still a relevant issue, and I'm seeing that I probably owe ya'll some additional spec details. I'll put it on my to-do list to write something up as soon as I'm able.

MichaelMarcialis avatar Oct 27 '23 19:10 MichaelMarcialis

👋 Hi there - this issue hasn't had any activity in 6 months. If the EUI team has not explicitly expressed that this is something on our roadmap, it's unlikely that we'll pick this issue up. We would sincerely appreciate a PR/community contribution if this is something that matters to you! If not, and there is no further activity on this issue for another 6 months (i.e. it's stale for over a year), the issue will be auto-closed.

github-actions[bot] avatar Apr 25 '24 00:04 github-actions[bot]

Still relevant.

MichaelMarcialis avatar Apr 25 '24 15:04 MichaelMarcialis