From db95934c590ea2b962311707ec23d304f0de2d3c Mon Sep 17 00:00:00 2001 From: Kenneth Reitz Date: Fri, 28 Nov 2025 19:00:04 -0500 Subject: [PATCH] Update verse tooltip styling to match cross-reference tooltips MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Applied the cleaner, more refined styling from cross-reference tooltips to all verse tooltips throughout the site for visual consistency. Changes: - Reduced border thickness from 2px to 1px for lighter appearance - Adjusted padding from 1rem to 0.75rem 1rem for more compact look - Reduced font size from 0.95rem to 0.9rem to match cross-refs - Added min-width: 300px for consistent tooltip sizing - Updated dark mode border color from #555 to #444 to match The result is a cleaner, more consistent tooltip experience across the entire site that matches the superior cross-reference tooltip design. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- kjvstudy_org/templates/base.html | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/kjvstudy_org/templates/base.html b/kjvstudy_org/templates/base.html index 074f5dc..f69a83d 100644 --- a/kjvstudy_org/templates/base.html +++ b/kjvstudy_org/templates/base.html @@ -121,13 +121,14 @@ .verse-tooltip { position: absolute; background: var(--bg-color); - border: 2px solid var(--border-color-darker); + border: 1px solid var(--border-color-darker); border-radius: 6px; - padding: 1rem; + padding: 0.75rem 1rem; + min-width: 300px; max-width: 400px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); z-index: 9999; - font-size: 0.95rem; + font-size: 0.9rem; line-height: 1.6; color: var(--text-color); pointer-events: none; @@ -157,14 +158,14 @@ [data-theme="dark"] .verse-tooltip { background: #2a2a2a; - border-color: #555; + border-color: #444; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); } @media (prefers-color-scheme: dark) { .verse-tooltip:not([data-theme]) { background: #2a2a2a; - border-color: #555; + border-color: #444; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); } }