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

Merge pull request #182 from gamosoft/features/fixes 

Features/fixes
This commit is contained in:
Guillermo Villar 2026-03-11 16:28:13 +01:00 committed by GitHub
parent e2cb3ba3ea c16b020f22
commit 4301d541ff
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/index.html
View File

@ -594,7 +594,8 @@
background-color: var(--bg-primary) !important; background-color: var(--bg-primary) !important;
color: var(--text-primary) !important; color: var(--text-primary) !important;
resize: none; resize: none;
overflow: auto; overflow-y: scroll; /* Always show scrollbar for consistent text width */
overflow-x: auto;
} }
/* Syntax Highlighting Overlay */ /* Syntax Highlighting Overlay */
@ -619,16 +620,30 @@
position: absolute; position: absolute;
inset: 0; inset: 0;
pointer-events: none; pointer-events: none;
overflow: auto; overflow-y: scroll; /* Match textarea scrollbar space */
overflow-x: auto; /* Match textarea for horizontal scroll sync */
color: var(--text-primary); color: var(--text-primary);
background-color: var(--bg-primary); background-color: var(--bg-primary);
z-index: 0; z-index: 0;
/* Hide scrollbars but allow programmatic scrolling */
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE/Edge */
} }
/* Invisible scrollbar that takes EXACT same space as textarea */
.syntax-overlay::-webkit-scrollbar { .syntax-overlay::-webkit-scrollbar {
display: none; /* Chrome/Safari */ width: 12px;
height: 12px;
background: transparent;
}
.syntax-overlay::-webkit-scrollbar-track {
background: var(--bg-tertiary); /* MUST match textarea track */
}
.syntax-overlay::-webkit-scrollbar-thumb {
background: transparent;
border-radius: 6px;
border: 2px solid transparent; /* MUST match textarea's 2px border */
}
/* Firefox - MUST match textarea's scrollbar-width: thin */
.syntax-overlay {
scrollbar-width: thin;
scrollbar-color: transparent var(--bg-tertiary);
} }
/* Zen Mode Styles */ /* Zen Mode Styles */