What is the selector for the Bookmarks Sidebar folder arrows

[gaveitatry]

Hello.


I figured out how to change the color of the Folder Icons:

Code: Select all

.bookmark-item[container], treechildren::-moz-tree-image(container) {fill:COLOR !important;}

I figured out how to change the text color of Bookmarks and Folders:

Code: Select all

.sidebar-placesTreechildren::-moz-tree-cell-text {color:COLOR !important;}

Note: This was extremely important to me, because my selected folder text was always white on a light background and I wanted it to be black just like all of my other text.


But I don't know what the selector for the folder arrows is. The main reason that I want to know is because the arrows always turn white on selected folders. I want the arrows to always be black like on unselected folders. But also, it would be nice if I could change the color altogether for all arrows, whether or not the folders are selected or not.


UPDATE:

I found this:

Code: Select all

.sidebar-placesTreechildren

(or any parent thereof)

But it only lets me change the color of the unselected folder arrows. It won't change the color of the selected folder's arrow.

[dickvl]

That would be twisty.
See ::-moz-tree-twisty: the appearance of the twisty used to expand and collapse child rows.
https://developer.mozilla.org/en-US/doc ... ing_a_Tree

[gaveitatry]

Thanks.

I was able to get it work with:

Code: Select all

.sidebar-placesTreechildren::-moz-tree-twisty {color:RED !important;}

The Library window uses treechildren in both left and right panel.
You can't style individual items in a treechildren type list.
Best is to keep this discussion in your other thread.

Until I understand why you are asking me to post on another thread, I am going to keep posting on that one. Because that thread has to do with the popup Library window (Downloads, History, Bookmarks), and this thread had to do with the browser's integrated (not popup window) Bookmarks Sidebar. Not sure why I would post replies on one subject in a thread that is on a different subject.

[dickvl]

Both threads are about treechildren, only for the sidebar you use .sidebar-placesTreechildren.
You can find the pseudo selector in both cases in the same article.
The Browser Toolbox should give you the main selector.

[gaveitatry]

for the sidebar you use .sidebar-placesTreechildren.

So that means if I want to edit the treechildren in the Library window, I need something like .library-placesTreechildren? Do you know, or can you find out, what exactly I need to put?

You can find the pseudo selector (sic) in the article.

Okay, which one of these do you think will move that 'Clear Download's button on the top right of the Library window?????

::-moz-tree-cell:
::-moz-tree-cell-text:
::-moz-tree-twisty:
::-moz-tree-image:
::-moz-tree-row:
::-moz-tree-indentation:
::-moz-tree-column:
::-moz-tree-line:
::-moz-tree-separator:
::-moz-tree-progressmeter:
::-moz-tree-drop-feedback:
::-moz-tree-checkbox:

The Browser Toolbox should give you the main selector.

As I have already stated, maybe more than once, the Browser Toolbox won't let me see, highlight, or select anything in the Library window. That's why I created that thread. To find out if I can, and how.

I STILL don't know why I'm talking about the Library window in THIS thread. Who are you? You helped me a lot with the bookmark folder arrows. But now you seem like a troll. Telling me to discuss one thread on another and giving me no useful information at all. Just talking in circles. It's like you are pretending you know how, but you don't. I don't like it when people play games.

[dickvl]

Sorry for the confusion.
You are right and this thread is about the sidebar and the other thread about the Library.