search

720kb / angular-tooltips

Angularjs tooltips module, add tooltips to your elements - https://720kb.github.io/angular-tooltips
351 stars 157 forks source link

How to add depth to the tooltip with shadow? #217

Closed koushikmln closed 7 years ago

koushikmln commented 7 years ago

Not able to add depth to the tip of the tooltip. Any examples for demo?

45kb commented 7 years ago

@koushikmln what you mean by depth? z-index perhaps?

koushikmln commented 7 years ago

shadows actually. so im using a white background and want the tooltip also to be in white but with a shadow to differentiate. i was able to apply shadow to the box but the tip is a little off everytime i try.

45kb commented 7 years ago

@koushikmln definitively not clear sorry, can you please create a jsfiddle or plnkr to show the problem?

thanks.

koushikmln commented 7 years ago

image

koushikmln commented 7 years ago

in the above pic i tried adding depth to the tooltip so that it is differentiated. was not able to do it for the tip. so i just greyed it out.

45kb commented 7 years ago

oh ok got it, you must override the arrows style, look in the css file for this element https://github.com/720kb/angular-tooltips/blob/master/lib/angular-tooltips.scss#L171

and make it your own style 👍