4 replaced http://stackapps.com/ with https://stackapps.com/
source | link

Here's my version of Manishearth's user script fix:

$('#answers').on('mouseover', '.downvoted-answer',
    function () { $(this).addClass('downvoted-answer-hover').removeClass('downvoted-answer') }
).on('mouseout',  '.downvoted-answer-hover:not(.clicked)',
    function () { $(this).addClass('downvoted-answer').removeClass('downvoted-answer-hover') }
).on('click', '.downvoted-answer-hover .post-text',
    function () { $(this).closest('.downvoted-answer-hover').toggleClass('clicked') }
);

It's a bit klugey, but it has the advantage of not assuming anything about how downvoted answers are styled on each site (since that turns out not to be as consistent as one might hope).

I've included the code above in a collection of small user script fixes that I'm calling the Stack Overflow Unofficial PatchStack Overflow Unofficial Patch. Please feel welcome to give it a try!


Ps. Actually, it would almost be possible to fix this purely in CSS by adding appropriate .downvoted-answer:hover rules to override the fading. The tricky part here would be figuring out exactly what to override in those rules, since, as noted above, the styling of both normal and downvoted answers varied between sites. Also, the "click to un-fade" functionality would still require JavaScript.


Update: Since July 2015, the unfade-on-hover feature has been implemented using the CSS :hover pseudo-class. Since the current implementation still doesn't support the additional unfade-on-click part, I've replaced the earlier SOUP implementation with the following JS code:

$('#answers').on( 'click', '.answer.downvoted-answer .post-text', function () {
    $(this).closest('.answer').toggleClass('clicked');
} );

and the following CSS:

.downvoted-answer.clicked .post-text,
.downvoted-answer.clicked .post-signature,
.downvoted-answer.clicked .comments,
.downvoted-answer.clicked .vote > * { opacity: 1 }

This should be compatible with the new implementation.

Here's my version of Manishearth's user script fix:

$('#answers').on('mouseover', '.downvoted-answer',
    function () { $(this).addClass('downvoted-answer-hover').removeClass('downvoted-answer') }
).on('mouseout',  '.downvoted-answer-hover:not(.clicked)',
    function () { $(this).addClass('downvoted-answer').removeClass('downvoted-answer-hover') }
).on('click', '.downvoted-answer-hover .post-text',
    function () { $(this).closest('.downvoted-answer-hover').toggleClass('clicked') }
);

It's a bit klugey, but it has the advantage of not assuming anything about how downvoted answers are styled on each site (since that turns out not to be as consistent as one might hope).

I've included the code above in a collection of small user script fixes that I'm calling the Stack Overflow Unofficial Patch. Please feel welcome to give it a try!


Ps. Actually, it would almost be possible to fix this purely in CSS by adding appropriate .downvoted-answer:hover rules to override the fading. The tricky part here would be figuring out exactly what to override in those rules, since, as noted above, the styling of both normal and downvoted answers varied between sites. Also, the "click to un-fade" functionality would still require JavaScript.


Update: Since July 2015, the unfade-on-hover feature has been implemented using the CSS :hover pseudo-class. Since the current implementation still doesn't support the additional unfade-on-click part, I've replaced the earlier SOUP implementation with the following JS code:

$('#answers').on( 'click', '.answer.downvoted-answer .post-text', function () {
    $(this).closest('.answer').toggleClass('clicked');
} );

and the following CSS:

.downvoted-answer.clicked .post-text,
.downvoted-answer.clicked .post-signature,
.downvoted-answer.clicked .comments,
.downvoted-answer.clicked .vote > * { opacity: 1 }

This should be compatible with the new implementation.

Here's my version of Manishearth's user script fix:

$('#answers').on('mouseover', '.downvoted-answer',
    function () { $(this).addClass('downvoted-answer-hover').removeClass('downvoted-answer') }
).on('mouseout',  '.downvoted-answer-hover:not(.clicked)',
    function () { $(this).addClass('downvoted-answer').removeClass('downvoted-answer-hover') }
).on('click', '.downvoted-answer-hover .post-text',
    function () { $(this).closest('.downvoted-answer-hover').toggleClass('clicked') }
);

It's a bit klugey, but it has the advantage of not assuming anything about how downvoted answers are styled on each site (since that turns out not to be as consistent as one might hope).

I've included the code above in a collection of small user script fixes that I'm calling the Stack Overflow Unofficial Patch. Please feel welcome to give it a try!


Ps. Actually, it would almost be possible to fix this purely in CSS by adding appropriate .downvoted-answer:hover rules to override the fading. The tricky part here would be figuring out exactly what to override in those rules, since, as noted above, the styling of both normal and downvoted answers varied between sites. Also, the "click to un-fade" functionality would still require JavaScript.


Update: Since July 2015, the unfade-on-hover feature has been implemented using the CSS :hover pseudo-class. Since the current implementation still doesn't support the additional unfade-on-click part, I've replaced the earlier SOUP implementation with the following JS code:

$('#answers').on( 'click', '.answer.downvoted-answer .post-text', function () {
    $(this).closest('.answer').toggleClass('clicked');
} );

and the following CSS:

.downvoted-answer.clicked .post-text,
.downvoted-answer.clicked .post-signature,
.downvoted-answer.clicked .comments,
.downvoted-answer.clicked .vote > * { opacity: 1 }

This should be compatible with the new implementation.

3 replaced http://meta.stackexchange.com/ with https://meta.stackexchange.com/
source | link

Here's my version of Manishearth's user script fix:

$('#answers').on('mouseover', '.downvoted-answer',
    function () { $(this).addClass('downvoted-answer-hover').removeClass('downvoted-answer') }
).on('mouseout',  '.downvoted-answer-hover:not(.clicked)',
    function () { $(this).addClass('downvoted-answer').removeClass('downvoted-answer-hover') }
).on('click', '.downvoted-answer-hover .post-text',
    function () { $(this).closest('.downvoted-answer-hover').toggleClass('clicked') }
);

It's a bit klugey, but it has the advantage of not assuming anything about how downvoted answers are styled on each site (since that turns out not to be as consistent as one might hope).

I've included the code above in a collection of small user script fixes that I'm calling the Stack Overflow Unofficial Patch. Please feel welcome to give it a try!


Ps. Actually, it would almost be possible to fix this purely in CSS by adding appropriate .downvoted-answer:hover rules to override the fading. The tricky part here would be figuring out exactly what to override in those rules, since, as noted above, the styling of both normal and downvoted answers varied between sites. Also, the "click to un-fade" functionality would still require JavaScript.


Update: Since July 2015, the unfade-on-hover feature has been implementedhas been implemented using the CSS :hover pseudo-class. Since the current implementation still doesn't support the additional unfade-on-click part, I've replaced the earlier SOUP implementation with the following JS code:

$('#answers').on( 'click', '.answer.downvoted-answer .post-text', function () {
    $(this).closest('.answer').toggleClass('clicked');
} );

and the following CSS:

.downvoted-answer.clicked .post-text,
.downvoted-answer.clicked .post-signature,
.downvoted-answer.clicked .comments,
.downvoted-answer.clicked .vote > * { opacity: 1 }

This should be compatible with the new implementation.

Here's my version of Manishearth's user script fix:

$('#answers').on('mouseover', '.downvoted-answer',
    function () { $(this).addClass('downvoted-answer-hover').removeClass('downvoted-answer') }
).on('mouseout',  '.downvoted-answer-hover:not(.clicked)',
    function () { $(this).addClass('downvoted-answer').removeClass('downvoted-answer-hover') }
).on('click', '.downvoted-answer-hover .post-text',
    function () { $(this).closest('.downvoted-answer-hover').toggleClass('clicked') }
);

It's a bit klugey, but it has the advantage of not assuming anything about how downvoted answers are styled on each site (since that turns out not to be as consistent as one might hope).

I've included the code above in a collection of small user script fixes that I'm calling the Stack Overflow Unofficial Patch. Please feel welcome to give it a try!


Ps. Actually, it would almost be possible to fix this purely in CSS by adding appropriate .downvoted-answer:hover rules to override the fading. The tricky part here would be figuring out exactly what to override in those rules, since, as noted above, the styling of both normal and downvoted answers varied between sites. Also, the "click to un-fade" functionality would still require JavaScript.


Update: Since July 2015, the unfade-on-hover feature has been implemented using the CSS :hover pseudo-class. Since the current implementation still doesn't support the additional unfade-on-click part, I've replaced the earlier SOUP implementation with the following JS code:

$('#answers').on( 'click', '.answer.downvoted-answer .post-text', function () {
    $(this).closest('.answer').toggleClass('clicked');
} );

and the following CSS:

.downvoted-answer.clicked .post-text,
.downvoted-answer.clicked .post-signature,
.downvoted-answer.clicked .comments,
.downvoted-answer.clicked .vote > * { opacity: 1 }

This should be compatible with the new implementation.

Here's my version of Manishearth's user script fix:

$('#answers').on('mouseover', '.downvoted-answer',
    function () { $(this).addClass('downvoted-answer-hover').removeClass('downvoted-answer') }
).on('mouseout',  '.downvoted-answer-hover:not(.clicked)',
    function () { $(this).addClass('downvoted-answer').removeClass('downvoted-answer-hover') }
).on('click', '.downvoted-answer-hover .post-text',
    function () { $(this).closest('.downvoted-answer-hover').toggleClass('clicked') }
);

It's a bit klugey, but it has the advantage of not assuming anything about how downvoted answers are styled on each site (since that turns out not to be as consistent as one might hope).

I've included the code above in a collection of small user script fixes that I'm calling the Stack Overflow Unofficial Patch. Please feel welcome to give it a try!


Ps. Actually, it would almost be possible to fix this purely in CSS by adding appropriate .downvoted-answer:hover rules to override the fading. The tricky part here would be figuring out exactly what to override in those rules, since, as noted above, the styling of both normal and downvoted answers varied between sites. Also, the "click to un-fade" functionality would still require JavaScript.


Update: Since July 2015, the unfade-on-hover feature has been implemented using the CSS :hover pseudo-class. Since the current implementation still doesn't support the additional unfade-on-click part, I've replaced the earlier SOUP implementation with the following JS code:

$('#answers').on( 'click', '.answer.downvoted-answer .post-text', function () {
    $(this).closest('.answer').toggleClass('clicked');
} );

and the following CSS:

.downvoted-answer.clicked .post-text,
.downvoted-answer.clicked .post-signature,
.downvoted-answer.clicked .comments,
.downvoted-answer.clicked .vote > * { opacity: 1 }

This should be compatible with the new implementation.

2 added 804 characters in body
source | link

Here's my version of Manishearth's user script fix:

$('#answers').on('mouseover', '.downvoted-answer',
    function () { $(this).addClass('downvoted-answer-hover').removeClass('downvoted-answer') }
).on('mouseout',  '.downvoted-answer-hover:not(.clicked)',
    function () { $(this).addClass('downvoted-answer').removeClass('downvoted-answer-hover') }
).on('click', '.downvoted-answer-hover .post-text',
    function () { $(this).closest('.downvoted-answer-hover').toggleClass('clicked') }
);
$('#answers').on('mouseover', '.downvoted-answer',
    function () { $(this).addClass('downvoted-answer-hover').removeClass('downvoted-answer') }
).on('mouseout',  '.downvoted-answer-hover:not(.clicked)',
    function () { $(this).addClass('downvoted-answer').removeClass('downvoted-answer-hover') }
).on('click', '.downvoted-answer-hover .post-text',
    function () { $(this).closest('.downvoted-answer-hover').toggleClass('clicked') }
);

It's a bit klugey, but it has the advantage of not assuming anything about how downvoted answers are styled on each site (since that turns out not to be as consistent as one might hope).

I've included the code above in a collection of small user script fixes that I'm calling the Stack Overflow Unofficial Patch. Please feel welcome to give it a try!


Ps. Actually, it would almost be possible to fix this purely in CSS by adding appropriate .downvoted-answer:hover rules to override the fading. The tricky part here would be figuring out exactly what to override in those rules, since, as noted above, the styling of both normal and downvoted answers varied between sites. Also, the "click to un-fade" functionality would still require JavaScript.


Update: Since July 2015, the unfade-on-hover feature has been implemented using the CSS :hover pseudo-class. Since the current implementation still doesn't support the additional unfade-on-click part, I've replaced the earlier SOUP implementation with the following JS code:

$('#answers').on( 'click', '.answer.downvoted-answer .post-text', function () {
    $(this).closest('.answer').toggleClass('clicked');
} );

and the following CSS:

.downvoted-answer.clicked .post-text,
.downvoted-answer.clicked .post-signature,
.downvoted-answer.clicked .comments,
.downvoted-answer.clicked .vote > * { opacity: 1 }

This should be compatible with the new implementation.

Here's my version of Manishearth's user script fix:

$('#answers').on('mouseover', '.downvoted-answer',
    function () { $(this).addClass('downvoted-answer-hover').removeClass('downvoted-answer') }
).on('mouseout',  '.downvoted-answer-hover:not(.clicked)',
    function () { $(this).addClass('downvoted-answer').removeClass('downvoted-answer-hover') }
).on('click', '.downvoted-answer-hover .post-text',
    function () { $(this).closest('.downvoted-answer-hover').toggleClass('clicked') }
);

It's a bit klugey, but it has the advantage of not assuming anything about how downvoted answers are styled on each site (since that turns out not to be as consistent as one might hope).

I've included the code above in a collection of small user script fixes that I'm calling the Stack Overflow Unofficial Patch. Please feel welcome to give it a try!


Ps. Actually, it would almost be possible to fix this purely in CSS by adding appropriate .downvoted-answer:hover rules to override the fading. The tricky part here would be figuring out exactly what to override in those rules, since, as noted above, the styling of both normal and downvoted answers varied between sites. Also, the "click to un-fade" functionality would still require JavaScript.

Here's my version of Manishearth's user script fix:

$('#answers').on('mouseover', '.downvoted-answer',
    function () { $(this).addClass('downvoted-answer-hover').removeClass('downvoted-answer') }
).on('mouseout',  '.downvoted-answer-hover:not(.clicked)',
    function () { $(this).addClass('downvoted-answer').removeClass('downvoted-answer-hover') }
).on('click', '.downvoted-answer-hover .post-text',
    function () { $(this).closest('.downvoted-answer-hover').toggleClass('clicked') }
);

It's a bit klugey, but it has the advantage of not assuming anything about how downvoted answers are styled on each site (since that turns out not to be as consistent as one might hope).

I've included the code above in a collection of small user script fixes that I'm calling the Stack Overflow Unofficial Patch. Please feel welcome to give it a try!


Ps. Actually, it would almost be possible to fix this purely in CSS by adding appropriate .downvoted-answer:hover rules to override the fading. The tricky part here would be figuring out exactly what to override in those rules, since, as noted above, the styling of both normal and downvoted answers varied between sites. Also, the "click to un-fade" functionality would still require JavaScript.


Update: Since July 2015, the unfade-on-hover feature has been implemented using the CSS :hover pseudo-class. Since the current implementation still doesn't support the additional unfade-on-click part, I've replaced the earlier SOUP implementation with the following JS code:

$('#answers').on( 'click', '.answer.downvoted-answer .post-text', function () {
    $(this).closest('.answer').toggleClass('clicked');
} );

and the following CSS:

.downvoted-answer.clicked .post-text,
.downvoted-answer.clicked .post-signature,
.downvoted-answer.clicked .comments,
.downvoted-answer.clicked .vote > * { opacity: 1 }

This should be compatible with the new implementation.

1
source | link