Skip to content

[UI Framework] Make Header search box consistent throughout apps, and consistent with TextInput #10556

@cjcenizal

Description

@cjcenizal

Per @uboness in #10283 (comment):

The focus border on the top search box in Visualize (and Discover) seems to be cut off on the right end side. The search button is currently directly attached to the box which intuitively causes you to expect the focus border to wrap around it as well.

screen shot 2017-02-15 at 15 35 18

This is not aligned with how Timelion is designed. There there's a small gap between the buttons and the search box, giving enough space for the focus border to completely show.

screen shot 2017-02-15 at 15 45 01

We need to choose one way (directly attached or slightly detached) and adjust the focus border appropriately.

The focus border around the search boxes on the top of the Visualize/Timelion/Discover/etc... is different than the focus border of the search box of the Tables.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Team:Platform-DesignTeam Label for Kibana Design Team. Support the Analyze group of plugins.bugFixes for quality problems that affect the customer experience

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions