builderadmin
/
NoteDiscovery
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

attempt to fix the syntax highlight issue

This commit is contained in:
Gamosoft 2026-03-10 10:32:55 +01:00
parent e2cb3ba3ea
commit 56ea9cbcf4
1 changed files with 22 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/index.html
View File

@ -584,11 +584,18 @@
white-space: pre-wrap;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: normal; /* Ensure consistent word breaking */
padding: 1.5rem;
margin: 0;
border: none;
box-sizing: border-box;
}
/* Ensure spans in overlay don't affect word wrapping */
.syntax-overlay span {
word-break: inherit;
overflow-wrap: inherit;
white-space: inherit;
}
.editor-textarea {
background-color: var(--bg-primary) !important;
@ -619,16 +626,26 @@
position: absolute;
inset: 0;
pointer-events: none;
overflow: auto;
overflow-y: scroll; /* Force scrollbar space to match textarea */
overflow-x: hidden;
color: var(--text-primary);
background-color: var(--bg-primary);
z-index: 0;
/* Hide scrollbars but allow programmatic scrolling */
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE/Edge */
}
/* Make overlay scrollbar invisible but still take up space */
.syntax-overlay::-webkit-scrollbar {
display: none; /* Chrome/Safari */
width: 12px; /* Match textarea scrollbar width */
background: transparent;
}
.syntax-overlay::-webkit-scrollbar-thumb {
background: transparent;
}
/* Firefox: use overlay scrollbar (invisible but takes space) */
@supports (scrollbar-width: auto) {
.syntax-overlay {
scrollbar-width: thin;
scrollbar-color: transparent transparent;
}
}
/* Zen Mode Styles */