tooltip

description

Styles and markup for tooltips. You can populate it with HTML-elements or just text.

UPDATED 3.5.0:

added a new media breakpoint to ensure the tooltip doesn't overlap in the detail edit view of assesments

Updated 2.0.0:

js: added option that tooltip follows the target element vertical and/or horizontal (data-follow="vert,horz")

Added styles for good, bad, neutral, warning version.

Added styles for split version.

Updated 1.9.0:

Added styles for white version.

white version makes changes in js necessary:
- depending on direction of tooltip tooltip-arrow needs different rotation.
- If set, data-tt-color-attribute needs to be written on tooltip-container (reset if not set),

Updated 1.8.0:

js: added option to limit tooltip direction (data-allowed="left, right"), added trigger event option (data-trigger="mouseover")

Updated 1.4.0:

js, scss & classes update

all main classes start with .tooltip-*

.tooltip-arrow replaces .tooltip::before

.top .right .bottom .left .begin .center .end do no longer exist

.sm new class for small tooltips

.visible replaced with .hidden

Updated 1.2.0:

Tooltip Arrow points now better at target on mobile