[GH-ISSUE #1407] [Feature] Search bar changes #7468

Closed
opened 2026-04-10 17:19:11 -05:00 by GiteaMirror · 2 comments
Owner

Originally created by @carkom on GitHub (Jul 28, 2023).
Original GitHub issue: https://github.com/actualbudget/actual/issues/1407

Verified feature request does not already exist?

  • I have searched and found no existing issue

💻

  • Would you like to implement this feature?

Pitch: what problem are you trying to solve?

The search bar is difficult to distinguish since it's the same color as the background header. It doesn't reveal upon hover - the box only shows up once you click on it but it's tough to know where to click since there's no border or anything. Also, the closing "x" is pretty disconnected on wide format monitors since it is so far away and also a different color than the rest of the search bar items (icon and actual search term)

Describe your ideal solution to this problem

Make it a bit easier to see/interact with. I'd like to see it be more intuitive.

Teaching and learning

That's what I'd like to discuss. Make it more visible without being too loud.

Originally created by @carkom on GitHub (Jul 28, 2023). Original GitHub issue: https://github.com/actualbudget/actual/issues/1407 ### Verified feature request does not already exist? - [X] I have searched and found no existing issue ### 💻 - [X] Would you like to implement this feature? ### Pitch: what problem are you trying to solve? The search bar is difficult to distinguish since it's the same color as the background header. It doesn't reveal upon hover - the box only shows up once you click on it but it's tough to know where to click since there's no border or anything. Also, the closing "x" is pretty disconnected on wide format monitors since it is so far away and also a different color than the rest of the search bar items (icon and actual search term) ### Describe your ideal solution to this problem Make it a bit easier to see/interact with. I'd like to see it be more intuitive. ### Teaching and learning That's what I'd like to discuss. Make it more visible without being too loud.
GiteaMirror added the needs votesfeature labels 2026-04-10 17:19:11 -05:00
Author
Owner

@github-actions[bot] commented on GitHub (Jul 28, 2023):

Thanks for sharing your idea!

This repository uses lodash style issue management for enhancements. That means enhancement issues are automatically closed. This doesn’t mean we don’t accept feature requests, though! We will consider implementing ones that receive many upvotes, and we welcome contributions for any feature requests marked as needing votes (just post a comment first so we can help you make a successful contribution).

The enhancement backlog can be found here: https://github.com/actualbudget/actual/issues?q=label%3A%22needs+votes%22+sort%3Areactions-%2B1-desc+

Don’t forget to upvote the top comment with 👍!

<!-- gh-comment-id:1655635917 --> @github-actions[bot] commented on GitHub (Jul 28, 2023): :sparkles: Thanks for sharing your idea! :sparkles: This repository uses lodash style issue management for enhancements. That means enhancement issues are automatically closed. This doesn’t mean we don’t accept feature requests, though! We will consider implementing ones that receive many upvotes, and we welcome contributions for any feature requests marked as needing votes (just post a comment first so we can help you make a successful contribution). The enhancement backlog can be found here: https://github.com/actualbudget/actual/issues?q=label%3A%22needs+votes%22+sort%3Areactions-%2B1-desc+ Don’t forget to upvote the top comment with 👍! <!-- feature-auto-close-comment -->
Author
Owner

@carkom commented on GitHub (Jul 28, 2023):

There's a lot of UI examples for search bars. Take discords for example. It's small, off to the right of the header. Once clicked it expands a bit. If you add more than can be fit into the box could add an ellipses like we do with write-in filters.

The closing "x" is ecapsulated in the search box

Maybe just have a white background for light mode and a gray one for dark mode and remove the onClick border that presents?

Thoughts?

<!-- gh-comment-id:1655638086 --> @carkom commented on GitHub (Jul 28, 2023): There's a lot of UI examples for search bars. Take discords for example. It's small, off to the right of the header. Once clicked it expands a bit. If you add more than can be fit into the box could add an ellipses like we do with write-in filters. The closing "x" is ecapsulated in the search box Maybe just have a white background for light mode and a gray one for dark mode and remove the onClick border that presents? Thoughts?
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#7468