itsscb/filebrowser
1
0
Fork 0
mirror of https://github.com/filebrowser/filebrowser.git synced 2025-09-14 10:20:32 +00:00
Code Issues Packages Projects Releases 1 Wiki Activity

fix: optimize markdown preview height

Browse Source
This commit is contained in:
wuwenbin 2025-09-13 13:58:43 +08:00 committed by GitHub
parent b482a9bf0d
commit 783503aece
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 2 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/css/mdPreview.css
View File

@ -1,6 +1,4 @@
.md_preview { .md_preview {
overflow-y: auto;
max-height: 80vh;
padding: 1rem; padding: 1rem;
border: 1px solid #000; border: 1px solid #000;
font-size: 20px; font-size: 20px;
@ -9,5 +7,5 @@
#preview-container { #preview-container {
overflow: auto; overflow: auto;
max-height: 80vh; /* Match the max-height of md_preview for scrolling */ flex: 1;
} }

18
frontend/src/views/files/Editor.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div id="editor-container" @wheel.prevent.stop> <div id="editor-container">
<header-bar> <header-bar>
<action icon="close" :label="t('buttons.close')" @action="close()" /> <action icon="close" :label="t('buttons.close')" @action="close()" />
<title>{{ fileStore.req?.name ?? "" }}</title> <title>{{ fileStore.req?.name ?? "" }}</title>
@ -97,7 +97,6 @@ const isMarkdownFile =
onMounted(() => { onMounted(() => {
window.addEventListener("keydown", keyEvent); window.addEventListener("keydown", keyEvent);
window.addEventListener("wheel", handleScroll);
window.addEventListener("beforeunload", handlePageChange); window.addEventListener("beforeunload", handlePageChange);
const fileContent = fileStore.req?.content || ""; const fileContent = fileStore.req?.content || "";
@ -111,13 +110,6 @@ onMounted(() => {
console.error("Failed to convert content to HTML:", error); console.error("Failed to convert content to HTML:", error);
previewContent.value = ""; previewContent.value = "";
} }
const previewContainer = document.getElementById("preview-container");
if (previewContainer) {
previewContainer.addEventListener("wheel", handleScroll, {
capture: true,
});
}
} }
}); });
@ -148,7 +140,6 @@ onMounted(() => {
onBeforeUnmount(() => { onBeforeUnmount(() => {
window.removeEventListener("keydown", keyEvent); window.removeEventListener("keydown", keyEvent);
window.removeEventListener("wheel", handleScroll);
window.removeEventListener("beforeunload", handlePageChange); window.removeEventListener("beforeunload", handlePageChange);
editor.value?.destroy(); editor.value?.destroy();
}); });
@ -186,13 +177,6 @@ const keyEvent = (event: KeyboardEvent) => {
save(); save();
}; };
const handleScroll = (event: WheelEvent) => {
const editorContainer = document.getElementById("preview-container");
if (editorContainer) {
editorContainer.scrollTop += event.deltaY;
}
};
const handlePageChange = (event: BeforeUnloadEvent) => { const handlePageChange = (event: BeforeUnloadEvent) => {
if (!editor.value?.session.getUndoManager().isClean()) { if (!editor.value?.session.getUndoManager().isClean()) {
event.preventDefault(); event.preventDefault();