Suggestion: Tag buffer CSS class with buffer name to allow users ability to customize buffer list

[khaytsus]

In #891 there's a request to hide buffers and it was hinted maybe buffers could have a CSS attribute attached and the user could handle this on their own in CSS.

I could even see users customizing the list to highlight certain buffers differently, but for me primarily to hide server buffers. I currently don't see anything in the CSS that I know how to hide but it's always possible I'm missing something.

Currently the buffer li elements are just li class="buffer" .... but if it were something like like class="buffer irc.servername.#channelname" this custom CSS could hide it.

.irc-servername-#channelname {
display: none !important;
}

Note: the github issue is hiding it for some reason, but the # above has to be escaped with backslash.

[khaytsus]

With some IRC help, I was able to solve my primary reason for wanting this; hiding server buffers. But if anyone wants to do channel-specific CSS I still think adding the channel buffer name as a class would be useful.

Here's what I did to hide server buffers:

Hides all buffers

.buffer { display: none !important; }

Un-hides channel buffers

.buffer.channel { display: block !important; }

Un-hides the private buffers

.buffer.private { display: block !important; }

And the indent class was originally suggested, channel and private seem more intuitive

.buffer.indent { display: block !important;}