lablup / backend.ai-webui

Backend.AI Web UI for web / desktop app (Windows/Linux/macOS). Backend.AI Web UI provides a convenient environment for users, while allowing various commands to be executed without CLI. It also provides some visual features that are not provided by the CLI, such as dashboards and statistics.
https://www.backend.ai
GNU Lesser General Public License v3.0
108 stars 73 forks source link

Improve to intuitive search bar #1466

Open di-uni opened 2 years ago

di-uni commented 2 years ago

Main idea

image image

It's hard to recognize that grey box is for searching.

Alternative ideas

Add search icon or placeholder such as 'search' to improve intuitiveness of search bar.

Anything else?

No response

di-uni commented 2 years ago

As @Sujin-Kim1 suggested, I tried to apply header renderer to vaadin-grid-filter-column for customization.

However, I couldn't apply header renderer to vaadin-grid-filter-column. Unlike vaadin-grid-column, vaadin-grid-filter-column doesn't support custom header according to this conversation.

If you know how to fix, please suggest it to me!