Technical implications of restyling the tree

Highlighting of items in the tree

Currently there is no easy way to do this serverside, clicking on a tree item does not invalidate/re-render the complete ancestor path so it might be a bit hard to implement on the server. We can also choose to implement this on the client, start making items bold from the selected item up to the root by checking for the 'indent-line' and 'indent-blank' elements. This should not be too difficult.

Difference between selected folder and selected document

The current design shows a different UI for when a folder in the tree is selected and when a document in the doclisting is selected, with regards to how the highlight of the tree looks. This means the tree component should get a signal that a document has been selected. Although this should not be too difficult to achieve (the components to do so exist) it should be regarded as new functionality and will require extra testing + development time.

Firefox SVG appears blurred issue

If the font-size on the body element is uneven, certain SVG images will appear blurry. To work around this I set the font-size on the tree-container to 12px. We might want to decide to go with 12 px on the body as well, which of course will require some pixel-moving to get the UI aligned again.

Minor issues

The folder-open icon is missing a 1 pixel left padding (in the image itself, not css)