Display vertical lines along expanded folders in Folder Pane

[krocodile]

Hi there,

I'm looking for a way to display a vertical dashed line (a tree) below expanded folders in folder pane, the same way it's displayed in the message threads pane.
Is there a css customization to do that easily ?

On the thread pane, below expanded threads, you have dashed vertical lines that represent the tree structure. I wish we had the same kind of tree displayed in the folder pane.
Someone in the support.mozilla.org forum told me to do that in userChrome.css :

Code: Select all

#folderTree treechildren::-moz-tree-line {
  visibility: visible !important;
}
#folderTree treechildren::-moz-tree-line(selected, focus) {
  border-color: #FFFFFF !important;
}

However the display becomes ugly with several folders and subfolders, because the line is not interrupted on folders that have children, with a ">" sign in front of them (as in the thread pane).
Would there be a way to specify that ? Is there a CSS selector that would allow the line to be interrupted on a folder that has children ?
I've tried something like this, but it doesn't work : make the line visible only on folders that have no children :

Code: Select all

#folderTree treechildren::-moz-tree-line(empty) {
 visibility: visible !important;

}

Thanks for your help !

[krocodile]

I found this page that describes the properties of treechildren elements :

https://developer.mozilla.org.cach3.com ... ing_a_Tree

Fortunately, there are properties to select some specific rows in the tree. Unfortunately, the ones I'm interested in don't work...

For instance, the "open" property works, so I'm able to do this to make it a little bit nicer :

Code: Select all

#folderTree treechildren::-moz-tree-line {
  visibility: visible !important;
}

#folderTree treechildren::-moz-tree-line(open) {
  visibility: hidden !important;
}

I've tried the "container", "leaf", "closed" properties on the -moz-tree-line pseudo element, but none of them applies to the rows I would like (they usually apply to every row of the tree, even leaf rows that contain only one folder with no subfolders).

Any help would be greatly appreciated. Thanks !

[morat]

I don't think it's possible.

P.S.

The default border style is dotted, not dashed.

Code: Select all

treechildren::-moz-tree-line {
  visibility: visible !important;
}
treechildren::-moz-tree-line {
  border: 1px dashed black !important;
}

Reference
http://searchfox.org/comm-esr102/search?q=moz-tree-line

[krocodile]

Thank you morat,
That's a pity. Message threads display is possible with a nice looking tree, I wish it was the same for folder trees. Am I the only one with this wish ?
PS : yes, dotted, not dashed, you're right.

[morat]

Here is a current list of default properties for tree elements.

* blur (not listed on cach3.com)
* checkbox (not listed on cach3.com)
* checked
* closed
* container
* current
* dragSession
* dropAfter
* dropBefore
* dropOn
* editing (not listed on cach3.com)
* even
* focus
* hover
* insertafter (not listed on cach3.com)
* insertbefore (not listed on cach3.com)
* leaf
* multicol (not listed on cach3.com)
* odd
* open
* primary
* progressNone (listed on cach3.com, currently obsolete)
* progressNormal (listed on cach3.com, currently obsolete)
* progressUndetermined (listed on cach3.com, currently obsolete)
* selected
* sorted

I never used many of these default properties.

Reference
http://searchfox.org/mozilla-esr102/sea ... egexp=true

[krocodile]

Thanks.

I also found this page that describes how to modify the style of the folder pane tree :
https://developer.mozilla.org.cach3.com ... ing_a_Tree

Unfortunately, not all properties work as described, and they do not allow to make the tree similar to the message pane.
This is what I could do best to draw lines along the expanded folders :

Code: Select all

#folderTree treechildren::-moz-tree-line {
 visibility: visible !important;
}

#folderTree treechildren::-moz-tree-line(open) {
 visibility: hidden !important;
}

The "container", "leaf", "closed" properties on the -moz-tree-line pseudo element do not apply to the rows I would like (they usually apply to every row of the tree, even leaf rows that contain only one folder with no subfolders).