8,960
edits
No edit summary |
No edit summary |
||
| Line 12: | Line 12: | ||
.underline-hover .tooltip-text { | .underline-hover .tooltip-text { | ||
visibility: hidden; | visibility: hidden; | ||
background-color: # | background-color: #555; | ||
color: # | color: #fff; | ||
text-align: center; | text-align: center; | ||
padding: 5px 10px; | padding: 5px 10px; | ||
border-radius: 6px; | border-radius: 6px; | ||
/* Positioning */ | /* Positioning and size */ | ||
position: absolute; | position: absolute; | ||
z-index: 9999; /* Ensure it's on top of all objects */ | z-index: 9999; /* Ensure it's on top of all objects */ | ||
| Line 28: | Line 27: | ||
transition: opacity 0.3s ease-in-out; | transition: opacity 0.3s ease-in-out; | ||
max-width: 300px; /* Limit the width to 300px */ | max-width: 300px; /* Limit the width to 300px */ | ||
word-wrap: break-word; /* Break long words to fit within the max width */ | |||
white-space: normal; /* Allow text to wrap within the tooltip */ | |||
} | } | ||
| Line 35: | Line 36: | ||
opacity: 1; | opacity: 1; | ||
} | } | ||