<commit_before># Responsive Tooltip

Tooltip is a splendid invention. Small detail in web design that plays a big role when it comes to user experience. Usually, tooltips are used to present a tiny amount of hidden content (mainly explanatory, so-called tips), that pops up when user moves a cursor over or clicks (less common) on a special target.

[![Click for a Demo](https://raw.githubusercontent.com/Instamojo/responsive-tooltip/master/responsive_tooltip.jpg)](https://rawgit.com/Instamojo/responsive-tooltip/master/demo/index.html)


## Key Features

- It's **responsive**. It relies on a maximum width value when viewed on large screens, adopts to narrow environments and picks the best viewable position relatively to the target (top, bottom; left, center, right).
- It's **mobile-friendly**. It pops up when a call-to-action button is tapped and disappears when tapped on the tooltip itself.
- It's **HTML formatting capable**. Need to write some words in italic or so? No problem, this will work out.


## HTML Example

```html<commit_msg>Fix the image link to point to current repository.<commit_after># Responsive Tooltip

Tooltip is a splendid invention. Small detail in web design that plays a big role when it comes to user experience. Usually, tooltips are used to present a tiny amount of hidden content (mainly explanatory, so-called tips), that pops up when user moves a cursor over or clicks (less common) on a special target.

[![Click for a Demo](https://raw.githubusercontent.com/saich/responsive-tooltip/master/responsive_tooltip.jpg)](https://rawgit.com/Instamojo/responsive-tooltip/master/demo/index.html)


## Key Features

- It's **responsive**. It relies on a maximum width value when viewed on large screens, adopts to narrow environments and picks the best viewable position relatively to the target (top, bottom; left, center, right).
- It's **mobile-friendly**. It pops up when a call-to-action button is tapped and disappears when tapped on the tooltip itself.
- It's **HTML formatting capable**. Need to write some words in italic or so? No problem, this will work out.


## HTML Example

```html
{'fraction_non_alphanumeric': 0.08399812294697326, 'fraction_numerical': 0.0, 'mean_word_length': 4.610526315789474, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1129267', 'n_tokens_mistral': 582, 'n_tokens_neox': 535, 'n_words': 281}