From cdee5c9f6e2f59676dbafb17b84fc4a4c3a89c7f Mon Sep 17 00:00:00 2001 From: Kenneth Reitz Date: Mon, 26 May 2025 20:19:41 -0400 Subject: [PATCH] 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. --- kjvstudy_org/templates/book_commentary.html | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/kjvstudy_org/templates/book_commentary.html b/kjvstudy_org/templates/book_commentary.html index edacef5..5ff7f8e 100644 --- a/kjvstudy_org/templates/book_commentary.html +++ b/kjvstudy_org/templates/book_commentary.html @@ -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 {