New Website: Waste less space, esp. on mobile devices
Follow up up #23335: Musescore.org barely readable on mobile devices
See this screenshot, from the tracker, taken on a 4.6" screen mobile phone in landscape, 1280x720, 319DPI:
Lots of (IMHO wasted) space...
- The list could easily (space-wise, not necessarily implementation wise ;-)) get reduced from 4 to 2 lines per item, Type, Author and Comments on one, the Title in another line. That alone would already cut down scrolling needs by 50%.
- The huge heading and the white space around it, could surely get reduced too
On a PC, the threshold to switch between 'normal' and 'condensed' mode (lacking better words for this) , seems to be at a some 775 pixels wide browser window, so I wonder whether it just doesn't detect that this phone's screen in 1280 wide in landscape, but takes the 720 height (width in portrait) instead?
| Attachment | Size |
|---|---|
| Screenshot_20170823-135822.png | 59.97 KB |
Comments
We use breaking points to decide when we are going to use a table (desktop) or a list (smaller devices). From what I see in the screenshot, and testing on my own phone, this is the intended behaviour. If you do wish to see the full table, tap on the three dotted icon in your browser app (top right) and select: Request desktop site.
Well, I suspect that it just takes the wrong values for these breaking points, confuses width for height in landscape mode.
Well, requesting the desktop version works, but now the fonts are too small and we're back at square one
It does not confuse width/height. But I will experiment changing the breaking points.
Btw you may be the only one I know browsing the web in landscape mode :)
Not sure changing the breaking point would do any good, it'd drop indo desktop mode at best, right? and then fonts are to small and zooming is needed again.
But using the above mentioned 2 lines vs. 4 lines should help a lot? And would even work in portrait mode.
(I mostly browse in landscape, but write in portrait, as the virtual keyboard otherwise eats too much real estate)