More obvious voting and solution marking for question threads 2022-02-26

Why do this?​

Users often don't realise that question thread posts can by voted on, or that OP can mark as solution.

These simple template edits make it more obvious.
Instead of:

It will be this:

Two simple template edits:​

In the template app_content_vote.less:​

• Search for @xf-fontSizeLargest and replace with @xf-fontSizeLarge
• Search for .m-faBefore(@fa-var-angle-up); and replace with .m-faBefore(@fa-var-thumbs-up);
• Search for .m-faBefore(@fa-var-angle-down); and replace with .m-faBefore(@fa-var-thumbs-down);

You should now have thumbs up and down. But they are a bit faint so

• Search for opacity: 0.2; and change to something like opacity: 0.7;

Text prompts: in the template post_question_macros:​

(1) Search for <div class="message-column"> and replace with
(style to suit)

(2) Search for <span class="u-srOnly">{{ $post.is_question_solution ? $isSolutionText : $makeSolutionText }}</span>and replace with
Code:

NB: if you unmark as solution, the text does not actually change until you refresh the page.

For more dynamic control of styling use a class and define in extra.less

NB:be careful not to erase the closing </a> or you will be sorry.