tooltip class CSS impacted by Bootstrap

Created on 4 August 2022, almost 2 years ago
Updated 17 August 2023, 11 months 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

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

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

  • πŸ‡©πŸ‡ͺ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.

  • πŸ‡¦πŸ‡ΊAustralia lucashodge

    Added Patch to set opacity via CSS.

Production build 0.69.0 2024