CringeStudios/IRC_Client
5
0
Fork 0
forked from CringeStudios/gamja
Code Pull Requests Activity

Indent channels and nicks in buffer list

Browse Source
This commit is contained in:
Simon Ser 2021-01-23 12:04:58 +01:00
parent b429243573
commit 4c62b7571e
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/buffer-list.js
View File

@ -29,15 +29,16 @@ function BufferItem(props) {
name = getNetworkName(props.network, props.bouncerNetwork, props.bouncer); name = getNetworkName(props.network, props.bouncerNetwork, props.bouncer);
} }
var activeClass = props.active ? "active" : ""; var classes = ["type-" + props.buffer.type];
if (props.active) {
var unreadClass = ""; classes.push("active");
}
if (props.buffer.unread != Unread.NONE) { if (props.buffer.unread != Unread.NONE) {
unreadClass = "unread-" + props.buffer.unread; classes.push("unread-" + props.buffer.unread);
} }
return html` return html`
<li class="${activeClass} ${unreadClass}"> <li class="${classes.join(" ")}">
<a href=${getBufferURL(props.buffer)} onClick=${handleClick}>${name}</a> <a href=${getBufferURL(props.buffer)} onClick=${handleClick}>${name}</a>
</li> </li>
`; `;

3
style.css
View File

@ -72,6 +72,9 @@ body {
#buffer-list li.unread-highlight a { #buffer-list li.unread-highlight a {
color: #22009b; color: #22009b;
} }
#buffer-list li:not(.type-server) a {
padding-left: 20px;
}
#buffer-header, #member-list-header { #buffer-header, #member-list-header {
color: var(--main-color); color: var(--main-color);