By default, reputation description only appears on hover of the reputation bars in the postbit section in a thread. This has accessibility problem on touch devices as they don't have hover state. Displaying the reputation description gives a quick overview of the user's reputation without the need to hover over the reputation bars.
This can be done using pure CSS. No template hooks required. Just add this custom CSS in css_additional.css template or via Sitebuilder > Style > CSS Editor for each of the styles/themes and you're done!
See sample screenshot below:
This can be done using pure CSS. No template hooks required. Just add this custom CSS in css_additional.css template or via Sitebuilder > Style > CSS Editor for each of the styles/themes and you're done!
Code:
.b-meter:after { content: attr(title); position: relative; top: 0; left: 0; white-space: pre-wrap; margin: 0 -8px; display: block; } .l-small .b-meter:after { margin: 0; } .b-meter__bar { margin-left: -2px; display: inline-block; float: none; }
Comment