Needs more positioning options

chinchang / hint.css

A CSS only tooltip library for your lovely websites.

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

MIT License

8.42k stars 701 forks source link

Needs more positioning options #94

Closed achilleus68 closed 8 years ago

achilleus68 commented 9 years ago

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.

vhmth commented 8 years ago

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

chinchang commented 8 years ago

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

jonataswalker commented 8 years ago

This would be great.

joaocunha commented 8 years ago

Duplicate of #71.

chinchang commented 8 years ago

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?

jonataswalker commented 8 years ago

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

chinchang commented 8 years ago

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.

brillout commented 8 years ago

chinchang commented 8 years ago

fixed :)