From 6084a347c80d372e1b247315c8407c8f40e36912 Mon Sep 17 00:00:00 2001 From: Kenneth Reitz Date: Wed, 3 Dec 2025 21:30:17 -0500 Subject: [PATCH] Fix Strong's entry page button styling and tooltip selector MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Change primary nav button to explicit green (#4a7c59) instead of var(--link-color) which is dark gray in light mode - Ensure button text is white with !important and :link/:visited states - Make verse-tooltip selector more specific to avoid styling conflicts 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- kjvstudy_org/static/style.css | 9 +++++---- kjvstudy_org/templates/strongs_entry.html | 16 +++++++++------- 2 files changed, 14 insertions(+), 11 deletions(-) diff --git a/kjvstudy_org/static/style.css b/kjvstudy_org/static/style.css index c556be7..5f6fc53 100644 --- a/kjvstudy_org/static/style.css +++ b/kjvstudy_org/static/style.css @@ -1778,7 +1778,8 @@ html, text-decoration: underline; } -.verse-tooltip { +/* Inline verse tooltip (inside .verse-reference elements) */ +.verse-reference .verse-tooltip { display: none; position: absolute; background: var(--text-primary); @@ -1967,7 +1968,7 @@ html, font-size: 0.95rem; } - .verse-tooltip { + .verse-reference .verse-tooltip { position: fixed; bottom: 2rem; left: 1rem; @@ -1997,7 +1998,7 @@ html, width: 100% !important; } - .verse-tooltip { + .verse-reference .verse-tooltip { max-width: 380px; min-width: 280px; font-size: 0.875rem; @@ -2006,7 +2007,7 @@ html, /* Large screen tooltips */ @media (min-width: 1200px) { - .verse-tooltip { + .verse-reference .verse-tooltip { max-width: 500px; min-width: 400px; font-size: 0.95rem; diff --git a/kjvstudy_org/templates/strongs_entry.html b/kjvstudy_org/templates/strongs_entry.html index 840b543..1a5e87e 100644 --- a/kjvstudy_org/templates/strongs_entry.html +++ b/kjvstudy_org/templates/strongs_entry.html @@ -329,16 +329,18 @@ background: var(--bg-color); } -.nav-btn.primary { - background: var(--link-color); - border-color: var(--link-color); - color: #fff; +.nav-btn.primary, +.nav-btn.primary:link, +.nav-btn.primary:visited { + background: #4a7c59; + border-color: #4a7c59; + color: #fff !important; } .nav-btn.primary:hover { - background: var(--link-hover); - border-color: var(--link-hover); - color: #fff; + background: #3d6a4b; + border-color: #3d6a4b; + color: #fff !important; } .prev-next {