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

Remove PreviewOverlay when expanded #1006

Merged
merged 1 commit into from
Sep 11, 2024

Conversation

victorlin
Copy link
Member

@victorlin victorlin commented Aug 28, 2024

In all current usages of ExpandableTiles, it is possible for and sometimes even expected for users to interact with tiles by clicking. Having an invisible overlay on top of the last row of tiles with a separate onClick behavior can be confusing for users expecting another onClick behavior.

When the tiles are expanded, the only benefit to having PreviewOverlay available is for the onClick behavior of hiding the tiles. This can already be accomplished by the ArrowButton which also covers full width and has a height of 1em.

This removes the opacity transition, which in my eyes does not make a noticeable difference. The visually distinct part of the transition action is on the height change to show more rows of tiles, not the opacity here.

Related issues

Closes #1010

Checklist

In all current usages of ExpandableTiles, it is possible for and
sometimes even expected for users to interact with tiles by clicking.
Having an invisible overlay on top of the last row of tiles with a
separate onClick behavior can be confusing for users expecting another
onClick behavior.

When the tiles are expanded, the only benefit to having PreviewOverlay
available is for the onClick behavior of hiding the tiles. This can
already be accomplished by the ArrowButton which also covers full width
and has a height of 1em.

This removes the opacity transition, which in my eyes does not make a
noticeable difference. The visually distinct part of the transition
action is on the height change to show more rows of tiles, not the
opacity here.
@victorlin victorlin self-assigned this Aug 28, 2024
@nextstrain-bot nextstrain-bot temporarily deployed to nextstrain-s-victorlin--ljqwqo August 28, 2024 19:18 Inactive
@victorlin
Copy link
Member Author

victorlin commented Sep 11, 2024

Merging this because it worked well in my own testing and fixes a bug that would have impacted a new group 88c3092

@victorlin victorlin merged commit c96f721 into master Sep 11, 2024
7 checks passed
@victorlin victorlin deleted the victorlin/adjust-preview-overlay branch September 11, 2024 20:42
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.

Last row of groups cannot be easily clicked
2 participants