8,960
edits
No edit summary |
No edit summary |
||
| Line 30: | Line 30: | ||
z-index: 100; /* Ensure it's on top of all objects */ | z-index: 100; /* Ensure it's on top of all objects */ | ||
top: 50%; /* Center vertically relative to the text */ | top: 50%; /* Center vertically relative to the text */ | ||
left: | left: 100%; /* Position to the right of the text */ | ||
transform: | transform: translateX(20px) translateY(-50%); /* Shift tooltip further to the right */ | ||
opacity: 0; | opacity: 0; | ||
transition: opacity 0.3s ease-in-out; | transition: opacity 0.3s ease-in-out; | ||
width: | width: auto; /* Allow width to adjust based on content */ | ||
max-width: 400px; /* Set a maximum width if needed */ | |||
word-wrap: break-word; /* Break long words to fit within the width */ | word-wrap: break-word; /* Break long words to fit within the width */ | ||
white-space: normal; /* Allow text to wrap within the tooltip */ | white-space: normal; /* Allow text to wrap within the tooltip */ | ||