Alignment issue when expanding sub-folders in the tree view

Description

I noticed that when in a project or folder I start expanding the subfolders in the tree view the nodes are not aligned correctly.

In order to reproduce:

  • Create a project P

  • Add folder A

  • Add sub-folder B

  • Navigate to project P

  • Expand in the same view (little down arrow) folder A

  • Expand in the same view (little down arrow) folder B

-> All the columns on the folders after the "name" seem to lean to the left

Environment

Browser: Microsoft Edge (88.0.705.74)

Activity

Show:
Jay Hodgson
3 days ago

As an additional note, it’s interesting how the browsers handle this situation. The extra space (total width - (sum of explicitly set td widths)) seems to be evenly distributed to each td.

Jay Hodgson
4 days ago

Jay Hodgson
4 days ago

This is caused by a couple of conflicting styles. We’re telling each row (table) to have a width of 100%, but also setting each cell to have an explicit width.

Luckily, there’s an easy fix. Let’s just not set the width on the entity Name column, so it will take up the left-over space.

Fixed

Assignee

Jay Hodgson

Reporter

Marco Marasca

Validator

Xavier Schildwachter

Priority

Minor

Labels

None

Development Area

None

Sprint

None

Fix versions

Release Version History

None

Story Points

None

Epic Link

None

Slack Channel

None