loyalty-card-locker icon indicating copy to clipboard operation
loyalty-card-locker copied to clipboard

Improve use of screen space / make barcode larger

Open devurandom opened this issue 6 years ago • 5 comments

It would be great if the screen space could be used more efficiently on smaller screens.

In portrait mode the use is fine. There is a lot of space that is not used, but the general layout looks good and nothing is disproportionately small. screenshot_20180922-181432 edit

However, in landscape mode the space around the title is huge compared to the actual text. The size of the barcode suffers from this -- it is displayed way smaller than it could be, which makes it hard to scan. screenshot_20180922-181409 edit

I would propose for landscape mode to make the padding around the title much smaller and the barcode much larger. The space below the ID number should also be much smaller, to allow more space for the barcode.

devurandom avatar Sep 22 '18 16:09 devurandom

Actually, making barcode size an option would be nice. On my tablet, it's too large to scan.

Efreak avatar Oct 10 '18 16:10 Efreak

Actually, making barcode size an option would be nice. On my tablet, it's too large to scan.

I would instead suggest to render the barcode to an absolute physical size (e.g. "5 cm width") instead of rendering it to a relative screen size (e.g. "80% of the screen width"). The screen size would obviously have to be the upper boundary for this size (i.e. render it to 4cm / 80% of the screen, if the screen is only 5cm large).

devurandom avatar Oct 10 '18 17:10 devurandom

I am testing this application and want to use it and I can say that this size of the title is very huge in the landscape mode.

vlskrbek avatar Oct 15 '18 09:10 vlskrbek

@Efreak not only tablet. Yep, slider or any other ui element to control size is highly appreciate.

rend3r avatar Jun 12 '19 15:06 rend3r

Issue #262 is one possible way to handle this (possibly step 1 of a multi step enhancement).

clach04 avatar Jan 18 '20 22:01 clach04