albert/qmining-page
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-page synced 2025-04-01 20:23:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Tooltip to react portal to fix in overflow elements

Browse source
This commit is contained in:
mrfry 2021-05-31 19:15:16 +02:00
parent b52d72b909
commit d6e0cbdbd3
3 changed files with 34 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/tooltip.module.css
View file

@ -3,21 +3,16 @@
display: inline-block;
}
.tooltip .tooltiptext {
width: 300px;
max-width: 300px;
height: 250px;
max-height: 250px;
.tooltiptext {
position: absolute;
background-color: var(--background-color);
border-radius: 5px;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 9999;
bottom: 100%;
left: 0%;
margin-left: -60px;
transition: opacity 0.3s;