A4 Grundlegende Anpassungen für mobile Geräte wie Tablets und Smartphones vornehmen

hitontology / gui

Erneuerung der Benutzungsoberflächen von HITO

https://hitontology.github.io/gui/

MIT License

0 stars 0 forks source link

A4 Grundlegende Anpassungen für mobile Geräte wie Tablets und Smartphones vornehmen #7

Closed KonradHoeffner closed 6 months ago

KonradHoeffner commented 10 months ago

Current index page is not acceptable on mobile emulation of Galaxy S20+:

Screenshot from 2023-11-03 16-58-56

KonradHoeffner commented 7 months ago

This will be difficult with the new prototype because there is a lot of screen estate required for the graph and the table. Ask AW how we should handle this.

KonradHoeffner commented 6 months ago

The diagram SVG scaling isn't great: if the page isn't wide enough, the diagram gets cropped to the right. An SVG viewbox should help, see https://css-tricks.com/scale-svg/.

KonradHoeffner commented 6 months ago

[x] viewport scaling
[x] source and target selection
[ ] make top-bottom adjustment handle big enough / usable

KonradHoeffner commented 6 months ago

Resize handle size seems to be predetermined by the browser, so I will close this issue as all reasonable steps have been taken in my opinion. Using a custom JavaScript implemented handle seems to be error prone and not worth it as this isn't really designed for mobile. If you disagree or have another suggestion, please reopen.