Defect #32889

Responsive layout for issue tree and issue relation on issue page is broken

Added by Marius BALTEANU 9 months ago. Updated 7 months ago.

Status:ClosedStart date:
Priority:NormalDue date:
Assignee:Jean-Philippe Lang% Done:

0%

Category:UI - Responsive
Target version:4.1.1
Resolution:Fixed Affected version:4.1.0

Description

Unified fields of subtasks and related issues added by #25540 broke the responsive layout added in #21775.

Actual layout:

relations.png (84.6 KB) Marius BALTEANU, 2020-01-26 21:47

move_style_from_view_to_css.patch Magnifier (2.82 KB) Marius BALTEANU, 2020-01-26 21:59

3_columns.png (60.7 KB) Marius BALTEANU, 2020-02-09 16:32

5_columns.png (78.5 KB) Marius BALTEANU, 2020-02-09 16:32

0001-Split-on-5-columns.patch Magnifier (2.45 KB) Marius BALTEANU, 2020-02-09 16:36


Related issues

Related to Redmine - Feature #25540: Unify fields of subtasks and related issues on issue page Closed
Related to Redmine - Defect #21775: Field "Done" from issue subtasks table overlaps the layou... Closed

Associated revisions

Revision 19658
Added by Jean-Philippe Lang 7 months ago

Move style to css (#32889).

Patch by Marius BALTEANU.

Revision 19659
Added by Jean-Philippe Lang 7 months ago

Split subtasks/relations information into 5 columns (#32889).

Patch by Marius BALTEANU.

Revision 19666
Added by Jean-Philippe Lang 7 months ago

Merged r19658 and r19659 to 4.1-stable (#32889).

History

#1 Updated by Marius BALTEANU 9 months ago

#2 Updated by Marius BALTEANU 9 months ago

  • Related to Feature #25540: Unify fields of subtasks and related issues on issue page added

#3 Updated by Marius BALTEANU 9 months ago

  • Related to Defect #21775: Field "Done" from issue subtasks table overlaps the layout in responsive mode, width 400 added

#4 Updated by Marius BALTEANU 9 months ago

  • Subject changed from Responsive layout for issue tree and issue relation is broken to Responsive layout for issue tree and issue relation on issue page is broken

#5 Updated by Marius BALTEANU 9 months ago

Until we decide how the fix should look, I'm attaching a patch that moves the hardcoded width: 50% style from view files to application.css and changes some properties in responsive.css in order to drop the !important rule.

#6 Updated by Go MAEDA 9 months ago

  • Target version set to 4.1.1

Setting the target version to 4.1.1.

#7 Updated by Marius BALTEANU 8 months ago

We can revert the old behaviour by hiding the start date and due date or we can show all other columns on 5 columns layout instead of 3.

Old layout with 3 columns and start date and due date hide:

5 columns layout:

Regardless the option, I think we should show the Assignee column before Start date.
For now, I'm attaching the patch with 5 columns layout.

#8 Updated by Jean-Philippe Lang 7 months ago

  • Status changed from New to Resolved
  • Assignee set to Jean-Philippe Lang
  • Resolution set to Fixed

Committed, thanks.

#9 Updated by Jean-Philippe Lang 7 months ago

  • Status changed from Resolved to Closed

Merged.

Also available in: Atom PDF