Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Popover/tooltip arrow class names are not consistent

See original GitHub issue

For the arrow inside of the popover, the .arrow class is used, while .arrow isn’t a standalone component. We don’t do that anywhere else in our css. A better name would be something like .popover-arrow. This will be something we can look in to for v5, since this is a breaking change.

Edit: We should do the same with the tooltips.

Issue Analytics

State:
Created 5 years ago
Comments:5 (5 by maintainers)

Top GitHub Comments

1reaction

Johann-Scommented, Jan 13, 2019

it’s the same for our Tooltips so we should rename it to .tooltip-arrow

0reactions

XhmikosRcommented, Feb 13, 2019

Closing since #28105 is merged.

Top Results From Across the Web

Styling the arrow on bootstrap tooltips - css - Stack Overflow

Show activity on this post. The arrow is a border. You need to change for each arrow the color depending on the 'data-placement'...

Tooltips · Bootstrap v5.0

Documentation and examples for adding custom Bootstrap tooltips with CSS and ... class="tooltip-arrow"></div> <div class="tooltip-inner"> Some tooltip text!

Problem changing tooltip css in Joomla 3

The problem was: The Tooltip didn't have the styling I wanted. The quest was: To know the tooltip css class to be able...

Angular directives for Bootstrap - AngularUI

no 3rd party JS dependencies (jQuery, bootstrap JS) required! ... Pagination, Popover, Position, Progressbar, Rating, Tabs, Timepicker, Tooltip, Typeahead,

Tutorial | Popper

Remember, Popper is not a tooltip library, it's the foundation to build one! ... Add an arrow element with a data-popper-arrow attribute like...