Text field feedback

[scottrobertson]

Hey

First of all, really like the app. Took me a while to find something like it.

Just a few things about the text field at the top of the menu bar app. Could it be:

1. Made bigger (it feels kinda "un native" in a way).
2. Have the focus border removed
3. Have the text area the whole text field (without the padding around the text field inside it)

And also, perhaps when i open the menu bar app, it auto focuses on the text field, so i can just start typing.

I guess like the Search in the Apple Reminders app:

[DamascenoRafael]

Hey, I'm glad you liked it.

Thanks for the feedback! I hope we can find the best solutions.

1 - Do you say about the font size or the padding between the text and the surrounding area? Comparing to Apple Reminders it seems to me that the font is the same but the vertical padding should be greater. Perhaps points 2 and 3 will also help in this matter.

2 - Indeed, the current focus ring does not have an interesting look. One option would be to remove or try to make it look like the example you gave.

3 - Do you say about the focus ring? In Apple Reminders there is no overlap between the text and the icon. As stated in 2, we can place the focus ring on the outside (where there is already a border on the light theme) or simply remove the focus ring.

I liked the idea that when you open the app it automatically focuses on the text field. I think there is a workaround to change the focus using SwiftUI on macOS.

[DamascenoRafael]

Through your feedback I was thinking about a greater vertical padding, without the focus ring and some adjustments to the position of the text and icon. Like the image below:

What do you think?

[scottrobertson]

Through your feedback I was thinking about a greater vertical padding, without the focus ring and some adjustments to the position of the text and icon. Like the image below:

What do you think?

Yes! That last one is so much better 👍

The border on the light mode still feels a little off, not sure why. Maybe have a light gray background on the text field, with no border. Similar to the dark mode, but just lighter background?

[DamascenoRafael]

I think you are right!

I also removed the dropdown border on the side.

Using the #EDEDED background this was the result:

[scottrobertson]

Nice :) Looks much nicer without the border on the side too.

Do you think the dropdown should be the same height as the text field?

[DamascenoRafael]

I was trying a few different options. Which one looks nicer to you?

[scottrobertson]

I was trying a few different options. Which one looks nicer to you?

Top right I think :)

[DamascenoRafael]

Agreed! 👍

I will commit and close this issue then.

Can you open a new issue for the other idea you gave (when you open the app, it automatically focuses on the text field)? I think this part can be a little more complicated because of SwiftUI on macOS.

[scottrobertson]

Just built this locally. So much better! Thanks :)

[DamascenoRafael]

Great!! I will try to release a new version in the next few days with this change and other features 😄