Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: redesigned menu title & search query #650

Merged
merged 2 commits into from
Sep 27, 2023
Merged

Conversation

tomasklaen
Copy link
Owner

@tomasklaen tomasklaen commented Sep 27, 2023

  • simpler & less cluttered design without textures
  • search icon
  • clickable icon for submittable searches
  • search cursor
  • localized placeholders
  • clicking title now does nothing instead of closing the menu

menu_title_redesign

Anyone see any issues or something missing?

- simpler & less cluttered design without textures
- search icon
- clickable icon for submittable searches
- search cursor
- localized placeholders
- clicking empty title now does nothing instead of closing the menu
})
end

-- Do nothing when user clicks title
if is_current and not cursor.on_primary_down and get_point_to_rectangle_proximity(cursor, rect) then
Copy link
Contributor

@christoph-heinrich christoph-heinrich Sep 27, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You're checking cursor.on_primary_down to not overwrite the icon event, but if some element below the menu already set an event we should still overwrite it.
And it's missing a == 0.

Also maybe clicking the title should start a search?
On the other hand having a place to click while the menu is open might be nice for focusing the window.

@christoph-heinrich
Copy link
Contributor

I liked the look of the texture, but the increased contrast might be good for usability...
The icon and cursor are nice, but no border around the text field? (Does it look too busy together with icon and cursor?)

@tomasklaen
Copy link
Owner Author

tomasklaen commented Sep 27, 2023

if some element below the menu already set an event we should still overwrite it.

I've realized we are already overwriting cursor events at the top of Menu:render().

Also maybe clicking the title should start a search?

Noo, none would expect that to happen. When people click text, they want to select it, or reposition cursor. If we are not doing any of that, than it should do nothing.

I liked the look of the texture, but the increased contrast might be good for usability...

I didn't :) I just wanted it to be distinct from active item. But I like this a lot more. There's no visual clashing of menu title and active item anymore.

no border around the text field? (Does it look too busy together with icon and cursor?)

Yes, I don't want borders bordering borders anymore. This is clean. Presence of icon+cursor clearly indicates this is a search input now. Doesn't look cluttered at all. Would definitely feel like it with more borders.


The only thing I'm still not happy about is that the text is on the right, but I don't feel like implementing all that would be needed to align it to the left :)

@christoph-heinrich
Copy link
Contributor

christoph-heinrich commented Sep 27, 2023

Also maybe clicking the title should start a search?

Noo, none would expect that to happen. When people click text, they want to select it, or reposition cursor. If we are not doing any of that, than it should do nothing.

I liked the look of the texture, but the increased contrast might be good for usability...

I didn't :) I just wanted it to be distinct from active item. But I like this a lot more. There's no visual clashing of menu title and active item anymore.

no border around the text field? (Does it look too busy together with icon and cursor?)

Yes, I don't want borders bordering borders anymore. This is clean. Presence of icon+cursor clearly indicates this is a search input now. Doesn't look cluttered at all. Would definitely feel like it with more borders.

Fair enough.

The only thing I'm still not happy about is that the text is on the right, but I don't feel like implementing all that would be needed to align it to the left :)

It's not great, but I have no idea how we could make left alignment even work seamlessly for strings wider then the menu.

Edit: I've now tested it and it's pretty nice in practice, makes the ui more cohesive 👍

@tomasklaen tomasklaen merged commit 4b6cc2b into main Sep 27, 2023
tam1m pushed a commit to tam1m/uosc that referenced this pull request Oct 2, 2023
- simpler & less cluttered design without textures
- search icon
- clickable icon for submittable searches
- search cursor
- localized placeholders
- clicking empty title now does nothing instead of closing the menu
@tomasklaen tomasklaen deleted the menu_title_redesign branch October 9, 2023 12:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants