Skip to content

[bug]: Cleaner search bar #1832

Closed
Closed
@lucasboilly

Description

@lucasboilly

What version of design-system are you using?

Browser: Arc

What's Wrong?

Since it's displayed next to 32px elements (ex: the filter button of the list view), it makes the layout shift when it's opened. On the UI side, it simply doesn't look like it's part of our design system (icon color, shadow, no borders). The colors are also not the right ones in dark mode.

CleanShot.2024-12-04.at.10.57.58.mp4

To Reproduce

Click on any search bar, in the list view for example.

Expected Behaviour

The Search icon should have a 16px size and a Neutral500 color. The color of the placeholder text should be Neutral500 as well. The input itself should have a 32px height and a 8px paddings Please find the other measurements in the following screenshot.

CleanShot 2024-12-04 at 11 09 18@2x

With all these modifications, the transition between the collapsed and expanded mode should be smoother.

CleanShot.2024-12-04.at.11.14.45.mp4

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions