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

Implement a horizontal card drawer component #25

Closed
norswap opened this issue May 31, 2023 · 1 comment
Closed

Implement a horizontal card drawer component #25

norswap opened this issue May 31, 2023 · 1 comment

Comments

@norswap
Copy link
Member

norswap commented May 31, 2023

This component would display a list of cards side by side, centered vertically when not taking up the whole screen.

This component can be used for displaying the cards in our hand, the cards in play under our control, and the cards in play under the opponent's control.

There should be some kind of effect when hovering a card (glow around the border, slight zoom), and a click on a card would expand the card detail (just a smaller version of the card picture is displayed in this "drawer"). Probably a good idea to include attack and defense for the creatures too.

If there are too many cards to display in the space available, there should be arrows icons on the left and right of the drawer to enable scrolling. If at all possible, keeping the arrow clicked should smooth scroll through the cards in the desired direction (to be tested for feel). We should also enable the mouse wheel to scroll in the selected area, maybe the arrow keys also (though maybe we should reserve this for keyboard card navigation?). Ideally, drag and drop in empty spaces should also enable us to to pan the drawer.

@norswap norswap added this to the tech demo milestone May 31, 2023
@norswap norswap changed the title Implement a vertical card drawer component Implement a horizontal card drawer component May 31, 2023
@norswap
Copy link
Member Author

norswap commented Jun 7, 2023

Untitled

Very ugly wireframe to give some intuition of what the MVP is like here

ultraviolet10 added a commit to ultraviolet10/0xFable that referenced this issue Oct 8, 2023
@ultraviolet10 ultraviolet10 mentioned this issue Oct 9, 2023
4 tasks
norswap pushed a commit to ultraviolet10/0xFable that referenced this issue Oct 16, 2023
@norswap norswap closed this as completed Dec 6, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant