tooltip class CSS impacted by Bootstrap

Created on 4 August 2022, over 2 years ago

Updated 9 March 2023, almost 2 years ago

Hello,
I use Bootstrap for my theme and unfortunatelly, it impacts the display of the copy icon.
The icon is not visible anymore.

The copy icon is displayed within a div that has the class "tooltip"
<a class="clipboardjs-button" data-clipboard-alert="tooltip" data-clipboard-alert-text="Copied!" data-clipboard-target="#clipboardjs-62eb96335e56b"><div class="tooltip"><img src="/modules/contrib/clipboardjs/images/clippy.svg" alt="Click to copy" title="Click to copy" height="13" width="13"><span class="tooltiptext"></span></div></a>

unfortunatelly, bootstrap within _tooltip.scss specifies opacity: 0 for the tooltip class.
So the icon is not displayed.

What would be the clean way to fix that ?

Regards

💬 Support request

Status

Active

Version

2.0

Component

User interface

Created by

superlolo95

Live updates comments and jobs are added and updated live.

Incomplete comments

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Comment almost 2 years ago →
🇩🇪Germany KiLLAH89
Until this is fixed, i renamed all classes of 'tooltip' to 'poptip' in every single file where it's present. This is my only fix at the moment i know, but when the module has an update, all changes are lost. Maybe the maintainer change the classes to something else.
Comment over 1 year ago →
🇦🇺Australia lucashodge
Added Patch to set opacity via CSS.
Comment 4 days ago →
🇧🇪Belgium tim-diels Belgium 🇧🇪
Someone else made a different ticket about it and provided a change in class 🐛 Use class .clipboardjs-tooltip instead of .tooltip to prevent collisions with other code Needs review . So guess this ticket can be closed?

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024