search

ghosh / microtip

💬 Minimal, accessible, ultra lightweight css tooltip library. Just 1kb.
https://microtip.vercel.app/
MIT License
1.38k stars 74 forks source link

Feat/tooltip height #70

Closed anthonyjdella closed 1 year ago

anthonyjdella commented 2 years ago

This addresses Issue #69.

Changes:

  1. Modify data-microtip-size attribute to account for height & width.
  2. Add data-microtip-width attribute to specify tooltip width.
  3. Add data-microtip-height attribute to specify tooltip height.
  4. All the above points have included line-height: 150%; to make multiple line text easier to read.

Screenshot examples:

Screen Shot 2021-11-21 at 11 57 18 PM

height: 80px;

Screen Shot 2021-11-21 at 11 57 34 PM

height: 150px;

Screen Shot 2021-11-22 at 12 02 14 AM

height: 260px;

What this looks like without this feature:

Screen Shot 2021-11-22 at 12 04 16 AM