Add text to bbcode buttons

[itsrachelfish]

I think a simple way to improve the usability of the bbcode buttons would be to put the word next to each icon. I used the browser inspector to add some text next to the icons as an example

Ideally the text and icon would both be a clickable button, giving you a large area to click instead of a tiny little icon. It's more readable and more mobile friendly! Yay

[mozai]

Buttons are actually images, and they're hardcoded at 23x22 in the default theme. And themes aren't per-user they're site-wide. >_<

Try this

--- a/forum/Themes/default/GenericControls.template.php
+++ b/forum/Themes/default/GenericControls.template.php
@@ -213,7 +213,7 @@ function template_control_richedit($editor_id, $smileyContainer = null, $bbcCont
                        echo '
                                        ],
                                        sButtonTemplate: ', JavaScriptEscape('
-                                               <img id="%buttonId%" src="%buttonSrc%" align="bottom" width="23" height="22" alt="%buttonDescription%" title="%buttonDescription%" />
+                                               <img id="%buttonId%" src="%buttonSrc%" align="bottom" width="23" height="22" alt="%buttonDescription%" title="%buttonDescription%" />%buttonDescription%
                                        '), ',
                                        sButtonBackgroundImage: ', JavaScriptEscape($settings['images_url'] . '/bbc/bbc_bg.gif'), ',
                                        sButtonBackgroundImageHover: ', JavaScriptEscape($settings['images_url'] . '/bbc/bbc_hoverbg.gif'), ',

[itsrachelfish]

@mozai can you please open a PR for this change? Maybe you could collaborate with someone in chat to get a local instance of this running on someone's computer so you can test it out?

[ddeevviiaanntt]

While adding text to the button is a challenge, adding text to the image which comprises the button is easy. Would that be acceptable as a solution?