Skip to content

Visualize editor actions wrap when there are three tabs #12821

Description

@spalger

On visualizations like the vertical bar chart there are three tabs in the visualize editor. When there is an error a third item is added to the action buttons which causes them to wrap, moving the whole form down the page.

image

Activity

  1. added
    Team:Platform-DesignTeam Label for Kibana Design Team. Support the Analyze group of plugins.
    Feature:VisualizationsGeneric visualization features (in case no more specific feature label is available)
    bugFixes for quality problems that affect the customer experience
    on Jul 13, 2017
  2. added
    Team:VisualizationsTeam label for Lens, elastic-charts, Graph, legacy editors (TSVB, Visualize, Timelion) t//
    on Sep 16, 2018
  3. cchaos commented on Jan 15, 2019

    @cchaos
    Contributor

    Unless we truncate the tabs there's not a lot we can do about this one since both the tabs and the button bar need to be exposed. However, it might make more sense to wrap the buttons above the tabs.

  4. self-assigned this
    on Jan 15, 2019
  5. spalger commented on Jan 26, 2019

    @spalger
    ContributorAuthor

    I was thinking maybe truncate the tabs, or move the error to a full-width error above the metrics aggs?

  6. cchaos commented on Jan 29, 2019

    @cchaos
    Contributor

    @spalger How about hiding instead of disabling the play button if there is an error:

    This probably still won't fix extreme cases of long titles in the tabs, but it will fix a good portion.

  7. spalger commented on Jan 29, 2019

    @spalger
    ContributorAuthor

    @cchaos I think that's great, thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

Feature:VisualizationsGeneric visualization features (in case no more specific feature label is available)Team:Platform-DesignTeam Label for Kibana Design Team. Support the Analyze group of plugins.Team:VisualizationsTeam label for Lens, elastic-charts, Graph, legacy editors (TSVB, Visualize, Timelion) t//bugFixes for quality problems that affect the customer experience

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions