apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-04-26 01:06:23 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor(editor): improve SourceCodeEditor styling and enhance scrollbar behavior

Browse source
This commit is contained in:
Anish Sarkar 2026-04-23 18:39:35 +05:30
parent 3f203f8c49
commit fe9ffa1413
2 changed files with 11 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

13
surfsense_web/components/editor/source-code-editor.tsx
View file

@ -74,7 +74,7 @@ export function SourceCodeEditor({
const isManualSaveEnabled = !!onSave && !readOnly && (saveMode === "manual" || saveMode === "both");
return (
<div className="h-full w-full overflow-hidden bg-sidebar">
<div className="h-full w-full overflow-hidden bg-sidebar [&_.monaco-scrollable-element_.scrollbar_.slider]:rounded-full [&_.monaco-scrollable-element_.scrollbar_.slider]:bg-foreground/25 [&_.monaco-scrollable-element_.scrollbar_.slider:hover]:bg-foreground/40">
<MonacoEditor
path={path}
language={language}
@ -106,10 +106,17 @@ export function SourceCodeEditor({
renderLineHighlight: "none",
selectionHighlight: false,
occurrencesHighlight: "off",
quickSuggestions: false,
suggestOnTriggerCharacters: false,
acceptSuggestionOnEnter: "off",
parameterHints: { enabled: false },
wordBasedSuggestions: "off",
wordWrap: "off",
scrollbar: {
vertical: "hidden",
horizontal: "hidden",
vertical: "auto",
horizontal: "auto",
verticalScrollbarSize: 8,
horizontalScrollbarSize: 8,
alwaysConsumeMouseWheel: false,
},
tabSize: 2,