Project

General

Profile

Actions

Patch #29951

closed

Quick design fix/proposals for projects index page

Added by Marius BĂLTEANU almost 6 years ago. Updated almost 6 years ago.

Status:
Closed
Priority:
Normal
Category:
UI
Target version:
Start date:
Due date:
% Done:

0%

Estimated time:

Description

I'm attaching two proposals for the projects index page that can be achieved only with some CSS changes.

The single difference between the two proposals is how the subprojects are displayed.

1. Using the current method with left border, but applied for all subprojects, not only for the first children.

2. Replaced the left border with the existing arrow used in other pages to display subprojects or subtasks.

As I said also in the #26853, the current implementation is considered by many users a defect (7 issue reported since then) and is one of the most reported issue lately.

Any feedback is welcome. I'll add the patch for review/testing very soon.


Files

projects_index_current.png (543 KB) projects_index_current.png Marius BĂLTEANU, 2018-11-11 22:22
projects_index_with_arrow.png (571 KB) projects_index_with_arrow.png Marius BĂLTEANU, 2018-11-11 22:22
projects_index_with_left_border.png (575 KB) projects_index_with_left_border.png Marius BĂLTEANU, 2018-11-11 22:23
bug.png (38.2 KB) bug.png Sergey Trofimov, 2018-11-14 11:30
safari.png (141 KB) safari.png Marius BĂLTEANU, 2018-12-02 12:51
0001-Do-not-break-inside-columns.patch (1.84 KB) 0001-Do-not-break-inside-columns.patch Marius BĂLTEANU, 2018-12-02 12:57
projects-overview.png (26.7 KB) projects-overview.png Kim Henriksen, 2018-12-03 19:59

Related issues

Related to Redmine - Defect #26853: Fix hardcoded project-index width for webkit and mozilla browsersClosed

Actions
Related to Redmine - Feature #29482: Query system for Projects pageClosedJean-Philippe Lang

Actions
Related to Redmine - Defect #30510: Bad Project's page FormConfirmedMarius BĂLTEANU

Actions
Has duplicate Redmine - Defect #28708: Project display should have text belonging to project in same columnClosed

Actions
Actions #1

Updated by Marius BĂLTEANU almost 6 years ago

  • Related to Defect #26853: Fix hardcoded project-index width for webkit and mozilla browsers added
Actions #2

Updated by Marius BĂLTEANU almost 6 years ago

  • Description updated (diff)
Actions #3

Updated by Marius BĂLTEANU almost 6 years ago

  • Description updated (diff)
Actions #4

Updated by Marius BĂLTEANU almost 6 years ago

Actions #5

Updated by Bernhard Rohloff almost 6 years ago

First of all I really like the idea of different views to navigate through projects in Redmine. I think that it can be very beneficial if you offer the user different viewing angles to fit their specific needs.

I find this particular design quite difficult as it mixes up two very different concepts of presentation. Tiles and trees. I think that it is not unusual behavior that people create logical, very nested structures like with folders on a file system. There are projects which represent different departments, customers, collections of projects, portfolios etc... I see a problems if many projects are collected under a single parent project which I think is very common. So if you have one or two projects which contain a few tens of projects, the view gets very ugly because you have most of your projects stuffed to the top of the page and single projects seem to drip to the bottom like wet paint.

What i would prefer the most is a tile based view of just one layer at a time where you can click through the subprojects like through folders in a file manager. It's a presentation I'm used to and it's easy for me to navigate. This in combination with a search bar would be the only view I ever need.

PS: If only these two options would be available I would tend to the version with arrows but just because it looks prettier to me. And everything is better than the existing one!

Actions #6

Updated by Sergey Trofimov almost 6 years ago

I like the proposal of Marius BALTEANU (so I don't want to create another issue). The projects page sometimes looks ugly. In my case the project is displayed in one column but it's subproject - in other column (see attached screenshot).

Actions #7

Updated by Sergey Trofimov almost 6 years ago

Actions #8

Updated by Marius BĂLTEANU almost 6 years ago

  • File 0001-Do-not-break-inside-columns.patch added
  • File safari.png safari.png added
  • Subject changed from Design proposals for projects index page to Quick design fix/proposals for projects index page

We can achieve a better projects page only with some CSS changes. The most important change is to not allow to break inside a column.

The proposed solution has a down side effect on Safari (which is a known issue and I didn't find any solution to it).

Actions #9

Updated by Marius BĂLTEANU almost 6 years ago

  • File deleted (0001-Do-not-break-inside-columns.patch)
Actions #11

Updated by Kim Henriksen almost 6 years ago

Tried to apply the patch, but doesn't seems to make sub-sub projects not break:

Actions #12

Updated by Marius BĂLTEANU almost 6 years ago

Kim Henriksen wrote:

Tried to apply the patch, but doesn't seems to make sub-sub projects not break:

Did you restart your webserver or hard reset your cache?

Actions #13

Updated by Marius BĂLTEANU almost 6 years ago

Bernhard Rohloff wrote:

First of all I really like the idea of different views to navigate through projects in Redmine. I think that it can be very beneficial if you offer the user different viewing angles to fit their specific needs.

I find this particular design quite difficult as it mixes up two very different concepts of presentation. Tiles and trees. I think that it is not unusual behavior that people create logical, very nested structures like with folders on a file system. There are projects which represent different departments, customers, collections of projects, portfolios etc... I see a problems if many projects are collected under a single parent project which I think is very common. So if you have one or two projects which contain a few tens of projects, the view gets very ugly because you have most of your projects stuffed to the top of the page and single projects seem to drip to the bottom like wet paint.

Yes, you're right, there are cases when the view will be quite ugly, but I tried to find a better solution than the actual view until we discuss the implementation of #29482 (which will allow us to switch between two views: table list and a multi column list).

What i would prefer the most is a tile based view of just one layer at a time where you can click through the subprojects like through folders in a file manager. It's a presentation I'm used to and it's easy for me to navigate. This in combination with a search bar would be the only view I ever need.

Bernhard, nice idea, but it requires more changes.

Actions #14

Updated by Bernhard Rohloff almost 6 years ago

Marius BALTEANU wrote:

Bernhard, nice idea, but it requires more changes.

Until we are getting there I'm totally fine with this solution as it's a thousand times better then the existing one.

Actions #15

Updated by Marius BĂLTEANU almost 6 years ago

  • Assignee set to Jean-Philippe Lang
  • Target version set to 3.4.8

I'm assigning this to 3.4.8 because I think that we should do something with the current projects page which is reported as defect by too many users (see #26853 and the related issues).

Jean-Philippe, until we implement #29482, I think the proposed patch improves the current projects page. If you don't like the border around each root project, I think that at least the "break-inside: avoid-column;" rules are enough. What do you think?

Actions #16

Updated by Jean-Philippe Lang almost 6 years ago

  • Category set to UI
  • Status changed from New to Closed

Patch committed, thanks.

Actions #17

Updated by Marius BĂLTEANU almost 6 years ago

  • Has duplicate Defect #28708: Project display should have text belonging to project in same column added
Actions #18

Updated by Marius BĂLTEANU almost 6 years ago

Actions

Also available in: Atom PDF