kennethreitz/kjvstudy.org
1
0
Fork 0
mirror of https://github.com/kennethreitz/kjvstudy.org.git synced 2026-06-05 23:00:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix sidenote markers appearing over verse numbers

Browse Source 
Prevent sidenotes from inheriting red color from red letter text by adding CSS rules that reset color inheritance for .sidenote, .marginnote, and .sidenote-number elements nested within .words-of-christ spans.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Kenneth Reitz
2025-11-28 15:14:00 -05:00
parent 0132efbfbc
commit f0b3dc5d27
2 changed files with 26 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
kjvstudy_org/templates/chapter.html
+13
View File
@@ -15,6 +15,19 @@
color: #ff6b6b;
}
/* Prevent sidenotes from inheriting red color */
.words-of-christ .sidenote,
.words-of-christ .marginnote,
.words-of-christ label.sidenote-number {
color: inherit;
}
[data-theme="dark"] .words-of-christ .sidenote,
[data-theme="dark"] .words-of-christ .marginnote,
[data-theme="dark"] .words-of-christ label.sidenote-number {
color: inherit;
}
.sidenote,
.marginnote {
max-height: 150px;
kjvstudy_org/templates/verse.html
+13
View File
@@ -48,6 +48,19 @@
color: #ff6b6b;
}
/* Prevent sidenotes from inheriting red color */
.words-of-christ .sidenote,
.words-of-christ .marginnote,
.words-of-christ label.sidenote-number {
color: inherit;
}
[data-theme="dark"] .words-of-christ .sidenote,
[data-theme="dark"] .words-of-christ .marginnote,
[data-theme="dark"] .words-of-christ label.sidenote-number {
color: inherit;
}
.verse-text {
font-size: 1.8rem;
line-height: 2.4rem;