mobile/UI: update dive edit layout

Browse source

This feels much more responsive to various screen widths to me.
Instead of a fixed grid this is now a Flow that is tries to make much
better use of the space available on the user's device. It's not always
perfect, but to me at least a massive improvement.

The commit is almost unreadable because of the re-indentation and the
move of a block of fields to earlier in the form (as that made it much
easier to flow everything). But with show -w you can get a better idea.

We have a Flow around all the fields, we pair each label with the
corresponding input field, and then have a few additional Flows to
ensure that the cylinders always start in the first column.

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>

...

This commit is contained in:

Dirk Hohndel 2021-01-12 19:38:30 -08:00

parent da42c0b104

commit f29534e07f

2 changed files with 668 additions and 487 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download patch file Download diff file Expand all files Collapse all files

1154

mobile-widgets/qml/DiveDetailsEdit.qml

View file

File diff suppressed because it is too large Load diff