8,960
edits
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
.underline-hover { | .underline-hover { | ||
position: relative; | position: relative; | ||
| Line 17: | Line 12: | ||
.underline-hover .tooltip-text { | .underline-hover .tooltip-text { | ||
visibility: hidden; | visibility: hidden; | ||
background-color: #DDD7CC; | background-color: #DDD7CC; | ||
color: #000; | color: #000; | ||
text-align: center; | text-align: center; | ||
padding: 5px | padding: 5px 10px; /* Adjust padding as needed */ | ||
border-radius: 6px; | border-radius: 6px; | ||
white-space: nowrap; /* Prevents the text from wrapping */ | |||
/* Positioning */ | /* Positioning */ | ||
position: absolute; | position: absolute; | ||
| Line 30: | Line 24: | ||
top: 100%; /* Position below the text */ | top: 100%; /* Position below the text */ | ||
left: 50%; | left: 50%; | ||
transform: translateX(-50%); /* Center the tooltip */ | |||
opacity: 0; | opacity: 0; | ||
transition: opacity 0.3s ease-in-out; | transition: opacity 0.3s ease-in-out; | ||
| Line 40: | Line 34: | ||
opacity: 1; | opacity: 1; | ||
} | } | ||