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

Minor: The triangle icon may look better if reversed when at the bottom of the screen #53

Open
lucamug opened this issue Dec 17, 2022 · 6 comments

Comments

@lucamug
Copy link

lucamug commented Dec 17, 2022

Maybe this is a personal preference, but I feel that the triangle icon should be rotate 180 degrees when it is at the bottom of the screen

AS IS

Screen Shot 2022-12-17 at 22 05 41

TO BE

Screen Shot 2022-12-17 at 22 05 41 copy

At the top of the screen it looks fine

Screen Shot 2022-12-17 at 22 01 53

@lydell
Copy link
Owner

lydell commented Dec 17, 2022

Hi! Thanks for the input! I think it’s better the way it is though. I think. Is there any precedence on the Internet to look at? I thought the convention was that “triangle down” means “collapsed” and “triangle up” means “expanded”. But maybe it’s more about which direction the expanded panel goes? So if it’s a “dropup” rather than a dropdown, it makes more sense to flip the triangles? 🤔

@lucamug
Copy link
Author

lucamug commented Dec 17, 2022

I see your point. I am leaning more for your second opinion.

I find it more natural if the triangle is pointing in the direction of the expansion...

For example:

Screen Shot 2022-12-18 at 7 30 40

bulmadropup

2019-01-18_10-49-48

https://wpdevdesign.com/dropup-menu-in-oxygen/

https://techfunda.com/Examples/Show/949

https://www.youtube.com/watch?v=FZr4BQezzOw

https://www.geeksforgeeks.org/bulma-dropup/

https://docs.mygadgetrepairs.com/invoices/how-do-i-create-an-invoice-from-ticket-screen/

Also if the triangle would stay near the edge (left edge when it is on the left and right edge when it is on the right), it would be possible to open and close the menu without moving the mouse, because the triangle would not move.

@lydell
Copy link
Owner

lydell commented Dec 17, 2022

Thanks for all the links and screenshots!

Also if the triangle would stay near the edge (left edge when it is on the left and right edge when it is on the right), it would be possible to open and close the menu without moving the mouse, because the triangle would not move.

I don’t quite follow here. What do you mean?

@lucamug
Copy link
Author

lucamug commented Dec 17, 2022

Let me know if this clarify the idea

AS IS

AS-IS

IDEA

IDEA

@lydell
Copy link
Owner

lydell commented Dec 17, 2022

I see, thanks.

Note though that the whole bottom area is clickable, not just the triangle.

@lucamug
Copy link
Author

lucamug commented Dec 17, 2022

Ah, you are right... I didn't notice.

I think we instintively analyze things that moved, the differences, so it may necessary an extra effort to realize that the triangle and the date just shifted, but they are the same things, actually.

This is another option that maybe is even closer to the concept of drop-up, where the initial button is immutable:

IDEA2

Anyway, just nitpicking here :-)

The tool is great and I am considering adopting in some new project to see if it can be a replacement of elm-go that we are using at the moment.

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

No branches or pull requests

2 participants