search

rbtying / shengji

An online version of shengji (a.k.a. tractor) and zhaopengyou (a.k.a. Finding Friends)
https://robertying.com/shengji/
MIT License
86 stars 42 forks source link

iPad / small-screen experience is suboptimal #3

Open rbtying opened 4 years ago

rbtying commented 4 years ago

Find a way to handle the UI when the screen is small -- perhaps make the cards smaller?

jtan01 commented 4 years ago

  1. Adding a "compact layout" option to display card vertical overlapped to reduce space use? It is also useful for PC/Laptop users.

  2. Floating message box allow it hide or minimize to only display last play details?

rbtying commented 4 years ago

Can you explain a bit more about the proposed "compact layout", or maybe provide a picture?

Hiding the message box is easy enough -- the last-trick information is also available as a discrete UI element if the settings panel has the right box ticked, so that's already implemented

jtan01 commented 4 years ago

See the screen shot. image

rbtying commented 4 years ago

ah, I see. I think this depends on merging #192, since right now the card boundaries aren't tight enough to allow the above UI to be visible. But, very doable! and, perhaps, a strong argument to move forward with #192 despite the attendant complexity

jtan01 commented 4 years ago

In addition to overlap, more could be done: 1) One suit per row 2) Option or click to expand/collapse each row (suit) 3) Expanded row could be auto sized for easier operating?

ed2k commented 1 year ago

one more thing, the font size and card width/height are all fixed. this makes them look too small in mobile. have to resize the screen to play. would be better if all these can scale with mobile screen.