Project

General

Profile

Actions

Defect #30510

open

Bad Project's page Form

Added by Régis BRACHET-COTA almost 6 years ago. Updated over 5 years ago.

Status:
Confirmed
Priority:
Normal
Category:
Projects
Target version:
-
Start date:
Due date:
% Done:

0%

Estimated time:
Resolution:
Affected version:

Files

BUG_project.jpg (33.5 KB) BUG_project.jpg Régis BRACHET-COTA, 2019-01-28 15:38
projects_alternate.png (215 KB) projects_alternate.png Marius BĂLTEANU, 2019-01-29 07:12
resizing.gif (152 KB) resizing.gif Vincent Robert, 2019-02-07 11:00

Related issues

Related to Redmine - Patch #29951: Quick design fix/proposals for projects index pageClosedJean-Philippe Lang

Actions
Related to Redmine - Feature #32350: Show each project as card in the projects boardNew

Actions
Actions #1

Updated by Régis BRACHET-COTA almost 6 years ago

When opening project's main page, the form showing the projet's tree is not displaying the informations well.
You can see the problem in the screenshot provide. I've tested with others navigators and obtained the same result.

Regards.

Actions #2

Updated by Marius BĂLTEANU almost 6 years ago

Please be sure that you cleared your browser cache. If you're using Chrome, I recommend you a Hard Reload.

The projects page looks fine on my environment on all three Redmine themes, please see the below screenshot from the Alternate theme.

Actions #3

Updated by Marius BĂLTEANU almost 6 years ago

  • Related to Patch #29951: Quick design fix/proposals for projects index page added
Actions #4

Updated by Go MAEDA almost 6 years ago

  • Category set to Projects
Actions #5

Updated by Vincent Robert over 5 years ago

I experience a similar problem, but only with Firefox (v65.0) on MacOS (the cache has been cleared).
When resizing the page, the layout is broken.

This bug does not appear with Chrome or Safari.

Actions #6

Updated by Marius BĂLTEANU over 5 years ago

  • Status changed from Needs feedback to Confirmed
  • Assignee changed from Régis BRACHET-COTA to Marius BĂLTEANU
Actions #7

Updated by Marius BĂLTEANU over 5 years ago

I don't know how to fix this problem only from CSS, if someone has any clue, please help.

Anyway, from what I've tested, it reproduces only when you have a few projects.

Actions #8

Updated by Anonymous over 5 years ago

I looked into it before and saw that the nature of such a behavior is caused by a wrapper, #project-index which tells #project-root to have automatic column allocation while also wrapping the card elements itself. So #project-index actually treats #project-root as a single column, which is then also carried onto the next line which is defined by exceeding of 400px, and so on and so forth.

The best solution imho would be to first figure out how to do it right, so I suggest.
1. Kill #project-index, it's another unnecessary wrapper and move it's rules to project-root.
2. Set project-root to display: grid; display: -ms-grid; and optionally change it to DIV instead of UL, as it probably makes more sense for correct grid displaying.
3. Optionally also set tag type of project card elements to DIVs instead of LIs, as again it makes more sense. (ul's and li's are supposed to be inside each individual card if for the future reference).

Anyhow, if nobody minds, I can make a gridbox solution IE compatible patch for this when I'll find a minute.

Actions #9

Updated by Marius BĂLTEANU about 5 years ago

  • Related to Feature #32350: Show each project as card in the projects board added
Actions

Also available in: Atom PDF