Improve tooltip styling and visibility

Increase font size, dimensions, and transition duration for better
readability. Enhance shadow depth and add bottom margin for improved
visual separation.
This commit is contained in:
2025-05-26 20:19:41 -04:00
parent aa44e57756
commit cdee5c9f6e
+7 -5
View File
@@ -250,18 +250,20 @@ h1, h2, h3, h4, h5, h6 {
color: white;
padding: 0.75rem 1rem;
border-radius: 6px;
font-size: 0.875rem;
line-height: 1.4;
max-width: 300px;
font-size: 0.9rem;
line-height: 1.5;
max-width: 450px;
min-width: 350px;
white-space: normal;
z-index: 1000;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s ease;
transition: opacity 0.3s ease, visibility 0.3s ease;
pointer-events: none;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
border: 1px solid rgba(255, 255, 255, 0.2);
font-family: 'EB Garamond', Georgia, serif;
margin-bottom: 8px;
}
.verse-tooltip::after {