kennethreitz/rhymepad.org
1
0
Fork 0
mirror of https://github.com/kennethreitz/rhymepad.org.git synced 2026-06-11 17:08:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Normal caret height when rhythm is off

Browse Source 
Line-height returns to 1.9 by default; the roomy 2.35 line box (and
its tall caret) only applies while the rhythm dots need the space.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Kenneth Reitz
2026-06-07 11:53:36 -04:00
parent 49b536c434
commit 45bb65d9d1
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/index.html
+8 -2
View File
@@ -98,13 +98,16 @@
margin: 0; border: 0;
padding: 22px 24px;
font: inherit;
line-height: 2.35;
line-height: 1.9;
white-space: pre-wrap;
word-wrap: break-word;
overflow-y: auto;
letter-spacing: 0;
tab-size: 4;
}
.editor-shell.rhythm #highlight,
.editor-shell.rhythm #stresslayer,
.editor-shell.rhythm #editor { line-height: 2.35; }
#highlight {
pointer-events: none;
color: transparent;
@@ -347,7 +350,10 @@ const highlight = document.getElementById('highlight');
const stresslayer = document.getElementById('stresslayer');
const stressToggle = document.getElementById('stressToggle');
stressToggle.checked = false;
stressToggle.addEventListener('change', render);
stressToggle.addEventListener('change', ()=>{
document.querySelector('.editor-shell').classList.toggle('rhythm', stressToggle.checked);
render();
});
const allitToggle = document.getElementById('allitToggle');
allitToggle.checked = false;
allitToggle.addEventListener('change', render);