mirror of
https://github.com/kennethreitz/kjvstudy.org.git
synced 2026-06-05 23:00:16 +00:00
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:
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user