Add max-width, theme parameter to #info

[mwjames]

This PR is made in reference to: https://www.semantic-mediawiki.org/wiki/Thread:Help_talk:Special_characters_in_tooltips/Adding_a_tooltip

This PR addresses or contains:

• This doesn't answer the question of "what if I would like to add a custom tooltip (i.e. hacking SMW)" (which I don't recommend otherwise any modifications to the smw.tippy.js will be made invalid by the next upgrade) anyway:
  • The Highlighter class creates the HTML code in PHP while
  • smw.tippy.js is the corresponding tandem on the JS side to create and invoke the tippy instance (see atomiks/tippyjs)
• This PR adds two new parameters to #info:
  • max-width: to define the maximum width with a tooltip, allowing it to be wider than the default to display more information at once
  • theme (square-border, square-border-light) to use a slightly different theme for the tooltip appearance

This PR includes:

• Tests (unit/integration)
• CI build passed

Example

{{#info: message=Integer eu ... |max-width=350 |theme=square-border }}

[mwjames]

@kghbln The added parameters should be enough to cover most use cases that rely on #info while the height remains as-is otherwise this becomes anything but a tooltip.

PS: As an official note, hacking smw.tippy.js is not recommended!

[kghbln]

Really cool. Thank you!

otherwise this becomes anything but a tooltip

What about introducing #supobjects for pages that show instead of the pages they are embedded on. :D

[mwjames]

What about introducing #supobjects pages that show instead of the pages they are embedded on. :D

Not sure I can follow!

[kghbln]

Not sure I can follow!

This was a joke. #supobject in contrast to #subobject.

[mwjames]

This was a joke. #supobject in contrast to #subobject.

Right. Its quite late for me hence I'm a bit slow.

[kghbln]

Life example and documentation.