chinchang / hint.css

A CSS only tooltip library for your lovely websites.

Home Page:https://kushagra.dev/lab/hint/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Needs more positioning options

achilleus68 opened this issue · comments

Great tool! It could however use more positioning options, for more flexibility, eg.

  • north or top
  • north-east or top-right
  • east or right
  • south-east or bottom-right
  • south or bottom
  • south-west or bottom-left
  • west or left
  • north-west or top-left

See image for an example where positioning is 'bottom'. Positioning on 'south-west' or 'bottom-left' seems more appropiate.

image

commented

+1 any ETA on this, or is it on the back burner?

Agree, this could be helpful. Will look into it this coming weekend.

This would be great.

Duplicate of #71.

Looking for opinions on the usage of classes for other positions.
Which one would you prefer for a top-left tooltip: hint--top-left or hint--top hint--left?

+1 hint--top-left to decrease the number of classes.

Here is my wip branch for this issue: https://github.com/chinchang/hint.css/tree/more-position-classes

Checkout the new demo -> https://rawgit.com/chinchang/hint.css/more-position-classes/demo.html

It now has all the positioning options that any JavaScript library like tipsy would give.

Some more testing and will get it ready for master.

commented

+1

fixed :)