Skip to main content
1 of 13
AstroCB
  • 913
  • 5
  • 11

Comment Separator Fix

About

We have this nicely formatted toolbar with all of the moderation tools we need below questions:

SE Toolbar

So, why is it that the separator that goes along with the new comment format looks like this?

New comment styling

This is a simple fix that removes the extra space between the separator and the comment buttons and makes the separator the same color as the standard separator. This may have a different impact depending on the site.

For example, on Stack Overflow, it looks like this:

Fixed comment styling

However, on Meta Stack Exchange, it looks like this:

MSE comment styling

In any case, it will match the styling of the default toolbar for each particular site because it uses the SE-defined class for the toolbar separators. I haven't tested it across the entire network, so let me know if you come across anything peculiar: what I've created here is a very minimal fix.

This script was inspired by this post on Meta Stack Overflow.

Code

Quick and easy:

// ==UserScript==
// @name           Comment Separator Fix
// @author         Cameron Bernhardt (AstroCB)
// @version        1.0.3
// @namespace      http://greasyfork.org/
// @description    Fixes new SE comment separator to fit the existing style
// @include        http://*.stackexchange.com/*
// @include        http://stackoverflow.com/*
// @include        http://meta.stackoverflow.com/*
// @include        http://serverfault.com/*
// @include        http://meta.serverfault.com/*
// @include        http://superuser.com/*
// @include        http://meta.superuser.com/*
// @include        http://askubuntu.com/*
// @include        http://meta.askubuntu.com/*
// ==/UserScript==

var separators = document.getElementsByClassName("js-link-separator");
for(var i = 0; i < separators.length; i++){
  separators[i].innerHTML = "|";
  separators[i].className = "lsep";
}

Download

You can download the script from Greasy Fork (Direct Link) or view the source code.

Installation

See the tag wiki for details on userscript installation.

Contact

I'd prefer you post bug reports on this page as an answer or comment, but, if you must, you can contact me at [email protected].

AstroCB
  • 913
  • 5
  • 11