Styling: Missing indentions for level5 and deeper

[mrimann]

Piwik v1.9.2

When visiting the list of pages for a certain range, the pages are shown as a hierarchical tree with some indention per level.

Now with a page that has deep-nested pages, this works fine for the first 4 levels - but starting from the 5th level, the deeper level is shown with the same indention as the one above (and not further indented as expected).

This makes reading/browsing in this list really complicated.

In the CSS, there are definitions like the following for the levels 1 to 4:

tr.level4 td.label {
    padding-left: 5em;
}

Please add additional definitions like above for the levels 5 and deeper.

Keywords: indention css

[mattab]

I remember I did this on purpose to avoid high levels to have too much padding. please submit pull request if you find a good solution (eg. only add padding if there is enough space available)

[mrimann]

I think it shouldn't be a big issue to add padding to the levels 5 to 8 IMHO: The tree is shown collapsed. And the padding is only visible, as soon as the user opens a nested section.

Right now, the way it's shown is close to unusable. So I'm in favor of adding the padding. I think only the smallest part of the user base will ever see it - and they'll be able to handle it (and be happy about it!). For everyone else, nothing changes.

One idea could be, to reduce the amount of padding form 5em to e.g. 4em (untested), so that the indention is reduced a bit - allowing for more indention steps in the deeper levels.

[mattab]

In bcf3847: Fixes #3800 Adding indentation up to level 12, thanks for the suggestion!