Update verse tooltip styling to match cross-reference tooltips

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 <noreply@anthropic.com>
This commit is contained in:
2025-11-28 19:00:04 -05:00
parent 4baf0dc04f
commit db95934c59
+6 -5
View File
@@ -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);
}
}