8,960
edits
No edit summary |
No edit summary |
||
| Line 29: | Line 29: | ||
position: absolute; | position: absolute; | ||
z-index: 100; /* Ensure it's on top of all objects */ | z-index: 100; /* Ensure it's on top of all objects */ | ||
top: | top: 30%; /* Center vertically relative to the text */ | ||
left: 50%; /* Center horizontally relative to the text */ | left: 50%; /* Center horizontally relative to the text */ | ||
transform: translate(-50%, -50%); /* Center the tooltip */ | transform: translate(-50%, -50%); /* Center the tooltip */ | ||
opacity: 0; | opacity: 0; | ||
transition: opacity 0.3s ease-in-out; | transition: opacity 0.3s ease-in-out; | ||
width: | width: 400px; /* Allow width to adjust based on content */ | ||
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 */ | ||