Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

WP Fields [4]: Two columns with label-on-top on mobile only for long text fields #12588

Merged
merged 12 commits into from
Jun 12, 2023

Conversation

b12f
Copy link
Contributor

@b12f b12f commented May 8, 2023

This has three layouts:

  • On the smallest width, labels are left of inputs for all fields, except long text fields, where the label is on top.
  • In-between, all labels go to the left (also for long text fields)
  • In the largest width, labels are also all on the left, and we get a two-column layout. Long text fields will span both columns.

https://community.openproject.org/projects/openproject/work_packages/47680/activity

Benjamin Bädorf added 7 commits May 3, 2023 12:19
This is one of two possible variants of column layouting for work package
fields, where all field labels behave the same. Because we cannot
rely on breakpoints for layouting, the layouting instead relies on
the widths of the containers themselves.

Closes https://community.openproject.org/projects/14/work_packages/47680/activity
This is a variant being tested out in the context of the following
work package:

https://community.openproject.org/projects/14/work_packages/47680/activity
@b12f b12f removed the pullpreview label Jun 5, 2023
@b12f b12f marked this pull request as ready for review June 6, 2023 12:32
@b12f b12f requested a review from a team June 6, 2023 12:33
@psatyal
Copy link
Contributor

psatyal commented Jun 7, 2023

LGTM, this can be merged.

There are still known issues, notably:

  • Editing small fields not practical when label to the left when space is too narrow

But we said that we'd consider this a separate issue.

@oliverguenther
Copy link
Member

Code-wise, LGTM. I haven't done another visual inspections as this was part of the recent discussions

@oliverguenther oliverguenther merged commit 7c4ed40 into dev Jun 12, 2023
8 checks passed
@oliverguenther oliverguenther deleted the fix/47680-wp-columns-4 branch June 12, 2023 09:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
3 participants