I've made a few changes to the CSS, so that less space is wasted:
https://poal.co/s/WMDTestSite/135282
Put the following into your CSS, if you want to use this design:
/* CSS here */
.pchild {
margin-left: 0px;
}
.c-upvote, .c-downvote, .upvote, .downvote {
width: 12px;
}
.votecomment {
width: 16px;
}
.commentrow.text-post.no-padding.comment {
padding: 0.4em 0 0.4em 0.4em;
}
article.comment:nth-child(n) {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 2px solid #333;
border-right: none;
}
article.comment:first-of-type {
border-radius: 8px;
}
That is awesome. I will enter 'WMDTestSite into the Global CSS field in my user settings. You should make a post about this so that other users can check it out.
:
Thanks for the ping.
I thought, that's what this post is for...
I'll change the box-shadow into a border, I think, but later. I'm lazy. But I dislike the overlapping effect.
Edit: and I really should hide some swastikas somewhere, so that only the rightminded people use my CSS ;)
Or suffer.
You made a post to complain about the problem. But you should make a post to share the solution. Anyone who's fed up with vertical comments could apply your CSS to their global CSS settings and be done with it.
I just put your magic code into the Christmas CSS.
(post is archived)