search

elastic / kibana

Your window into the Elastic Stack
https://www.elastic.co/products/kibana
Other
19.71k stars 8.13k forks source link

Make Graph pills like global filter pills #57859

Open shaunmcgough opened 4 years ago

shaunmcgough commented 4 years ago

Right now, Graph's pills do not wrap, and fall off the screen to the right. This prevents you from adding more fields and working further with Graph. We should make these behave more like global filter pills / dashboard filter pills. We don't want to loose the great features like coloring, icons, etc. The changes here are related to wrapping and truncating.

Current look (overruns screens) image (2)

Proposed look (wrap)

Screen Shot 2020-02-14 at 15 10 38 PM

Proposed look (truncates long pill name with ellipses)

Screen Shot 2020-02-14 at 15 11 52 PM
elasticmachine commented 4 years ago

Pinging @elastic/kibana-app (Team:KibanaApp)

elasticmachine commented 4 years ago

Pinging @elastic/kibana-design (Team:Design)

cchaos commented 4 years ago

My thinking here is that we will need to create a EuiBadgeGroup component in EUI to handle the complexity of wrapping and text truncation that can then be re-used by both components. I'll create an issue over there and cross-link.

elasticmachine commented 3 years ago

Pinging @elastic/kibana-data-discovery (Team:DataDiscovery)

elasticmachine commented 1 year ago

Pinging @elastic/kibana-visualizations @elastic/kibana-visualizations-external (Team:Visualizations)