Some UI issues and recommendations. 1. The up/down arrows after a vote leave behind a clickable void. That means you can still click that void after you have voted. If you changed the visibility on .votelinks instead of the buttons this would get fixed. Though even better UX would be to have togglable up/down buttons ala stackoverflow and others. 2. Why not provide the favourite link directly on the comment instead o…
It would also be handy to have some visual guides for the indentation levels of nested comments as on Reddit. I've hacked my own indentation marks using a CSS injection for now, but this is clearly still not optimal: @-moz-document url-prefix(https://news.ycombinator.com/) { td { vertical-align: top } td > img { background: repeating-linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0) 38px, rgba(0,0,0,0.3) 38px, r…
Riffing off your code, this extends the bars all the way up/down.
td.ind > img {
background: repeating-linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0) 38px, rgba(0,0,0,0.1) 38px, rgba(0,0,0,0.1) 40px);
margin-top: 0px;
height: 100%;
}
table.comment-tree td,
table.comment-tree tr,
table.comment-tree th,
table.comment-tree,
table.comment-tree tbody,
table.comment-tree table {
margin: 0;
padding: 0;
border-spacing: 0;
}
table.comment-tree td.default {
padding: 0.5em 0.5em 1em 0.5em;
}
table.comment-tree td.ind {
padding: 0 0.5em;
}