jens/sheetmusictrainer
1
0
Fork 0
mirror of https://github.com/9x/sheetmusictrainer.git synced 2026-11-03 22:03:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix live-note staff clipping (written-range headroom, block SVG) and center Zen-mode content vertically

Browse Source
This commit is contained in:
Jens Mohrmann
2026-09-14 02:11:14 +02:00
parent fff512b4dd
commit 9fb3f91b92
2 changed files with 24 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/App.css
View File

@@ -1103,3 +1103,21 @@ button {
flex: none;
opacity: 0.9;
}
.live-note-staff svg {
display: block; /* inline SVG baseline gap made the box taller than the SVG */
}
/* Zen mode: center the core UI vertically; the exit button is position:fixed
and stays at the top. `safe center` avoids clipping when content is taller
than the viewport. */
.app-container.zen-mode {
display: flex;
flex-direction: column;
}
.app-container.zen-mode .main-stage {
flex: 1;
justify-content: safe center;
justify-content: center;
}