Add tooltips to code buttons

[azerupi]

Buttons on code blocks do not currently have tooltips explaining what they do. It would be great to add tooltips with a very short explanation of what the buttons do (couple of words) when hovering over them.

[budziq]

Also any other icon like print/hamburger/paint brush could use a tooltip

[budziq]

Ha I stand corrected, the print button already has a tooltip with the "title" attribute
We could easily implement the tooltips using the native browser tooltip like this

<i class="fa fa-play play-button" title="Run the code"></i>

[azerupi]

Yes :)
This is a really trivial addition. Good first issue for new contributors, if not too easy. :)

[budziq]

Well we might want to handle separately the expand/collapse code button so this issue would not be super trivial ;)

[azerupi]

I guess trivial is relative, but by pointing out to new contributors that buttons are inserted in the page through JavaScript here. I am confident that anyone can pick up this issue without much difficulties. 😄

[budziq]

hmm we can even post TWIR. We met with great success in rust-cookbook when posting there :)

[projektir]

With the work in #338, there is now a new reset button which should also have a tooltip: