Topic on Talk:Structured Discussions

I've added a custom script that adds a hover effect for highlighting the vertical indentation bars of related comments, which I've talked about here (sort of; all previous levels are highlighted, not just the current one).

I think it could help editors to understand the new threading model.

If you want to try it, just add the following to your User:USERNAME/common.css page:

/* hover effect on thread bars */
.flow-replies:hover { 
	border-left-color: #333 !important;
	border-left-width: 2 !important;
	border-left-style: solid;
}

Can you do something like this for Flow?

Try adding the following quick hack to User:Сунприат/common.css (it only works up to depth level 4):

.flow-replies  { 
	background-color: #F5F5F5;
	border-left-style: solid;
	border-left-color: #AAA !important;
}

.flow-replies .flow-replies { 
	background-color: #FFFFFF;
}

.flow-replies .flow-replies .flow-replies  { 
	background-color: #F5F5F5;
}

.flow-replies .flow-replies .flow-replies .flow-replies { 
	background-color: #FFFFFF;
}

You can try it at the "Mobile version" thread, BTW. It has three depth levels near the top.

Interesting, Thank you :D

@DannyH (WMF): Please see this exchange, it seems that the grey vertical lines in the design that represent threads are too light to be seen in its default setup.

Yes, good point. That's something that I've been meaning to fix.

Thanks for the reminder, and the excellent example of somebody not seeing the lines. It's always helpful when I can show an example like that to our designer. :)