From 29e40739fc1b6086c7afd8250cdfd29342b135fe Mon Sep 17 00:00:00 2001
From: root <root@DESKTOP-N0896OG>
Date: Sun, 28 Jun 2026 16:50:05 +0800
Subject: [PATCH] fix: stretch MDTODO workspace height

---
 .../layout/SplitWorkspaceLayout.vue           | 21 +++++--------------
 .../src/components/mdtodo/MdtodoPageShell.vue |  6 ++----
 .../src/components/mdtodo/MdtodoTaskPanel.vue | 12 ++++-------
 3 files changed, 11 insertions(+), 28 deletions(-)

diff --git a/web/hwlab-cloud-web/src/components/layout/SplitWorkspaceLayout.vue b/web/hwlab-cloud-web/src/components/layout/SplitWorkspaceLayout.vue
index 13debb12..f35e5a3f 100644
--- a/web/hwlab-cloud-web/src/components/layout/SplitWorkspaceLayout.vue
+++ b/web/hwlab-cloud-web/src/components/layout/SplitWorkspaceLayout.vue
@@ -188,15 +188,15 @@ function clamp(value: number, min: number, max: number): number {
 }
 
 .split-workspace-layout.mdtodo-workspace {
-  height: auto;
-  max-height: 100%;
-  align-items: start;
-  overflow: visible;
+  height: 100%;
+  max-height: none;
+  align-items: stretch;
+  overflow: hidden;
 }
 
 .split-workspace-layout.mdtodo-workspace .split-workspace-pane,
 .split-workspace-layout.mdtodo-workspace .split-workspace-main {
-  align-self: start;
+  align-self: stretch;
 }
 
 .split-workspace-layout.mdtodo-workspace .split-workspace-resizer {
@@ -222,16 +222,5 @@ function clamp(value: number, min: number, max: number): number {
     display: none;
   }
 
-  .split-workspace-layout.mdtodo-workspace {
-    height: 100%;
-    max-height: none;
-    align-items: stretch;
-    overflow: hidden;
-  }
-
-  .split-workspace-layout.mdtodo-workspace .split-workspace-pane,
-  .split-workspace-layout.mdtodo-workspace .split-workspace-main {
-    align-self: stretch;
-  }
 }
 </style>
diff --git a/web/hwlab-cloud-web/src/components/mdtodo/MdtodoPageShell.vue b/web/hwlab-cloud-web/src/components/mdtodo/MdtodoPageShell.vue
index 09d6e01b..eea16b4c 100644
--- a/web/hwlab-cloud-web/src/components/mdtodo/MdtodoPageShell.vue
+++ b/web/hwlab-cloud-web/src/components/mdtodo/MdtodoPageShell.vue
@@ -575,7 +575,7 @@ function setError(err: unknown): void {
 </template>
 
 <style scoped>
-.mdtodo-page { display: grid; max-height: calc(100dvh - 68px); min-width: 0; min-height: 0; align-content: start; grid-template-rows: auto auto auto auto; gap: 0; overflow: auto; border: 1px solid #cad6dd; border-radius: 8px; background: #f7fafb; }
+.mdtodo-page { display: grid; height: calc(100dvh - 68px); max-height: calc(100dvh - 68px); min-width: 0; min-height: 0; align-content: stretch; grid-template-rows: auto auto auto minmax(0, 1fr); gap: 0; overflow: hidden; border: 1px solid #cad6dd; border-radius: 8px; background: #f7fafb; }
 .mdtodo-framebar { display: flex; min-width: 0; min-height: 34px; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #d8e1e7; background: #f9fbfc; padding: 4px 10px; }
 .mdtodo-title-lockup { display: inline-flex; min-width: 0; align-items: baseline; gap: 8px; }
 .mdtodo-title-lockup span { color: #6b7a86; font-size: 10px; font-weight: 850; letter-spacing: 0; text-transform: uppercase; }
@@ -587,12 +587,10 @@ function setError(err: unknown): void {
 .source-message, .source-error { margin: 0; border-radius: 6px; padding: 6px 10px; font-size: 13px; }
 .source-message { border: 1px solid #bbf7d0; background: #f0fdf4; color: #166534; }
 .source-error { border: 1px solid #fecaca; background: #fef2f2; color: #991b1b; }
-.mdtodo-workspace { min-height: 0; height: auto; max-height: 100%; align-self: start; }
+.mdtodo-workspace { min-height: 0; height: 100%; max-height: none; align-self: stretch; }
 .mdtodo-error { display: grid; min-width: 0; min-height: 0; height: 100%; align-content: start; gap: 12px; padding: 12px; overflow: auto; }
 @media (max-width: 720px) {
-  .mdtodo-page { height: calc(100dvh - 68px); max-height: calc(100dvh - 68px); overflow: hidden; }
   .mdtodo-framebar { align-items: start; flex-direction: column; gap: 2px; height: auto; padding: 6px 10px; }
   .mdtodo-route-chip { width: 100%; justify-content: flex-start; }
-  .mdtodo-workspace { height: 100%; max-height: none; align-self: stretch; }
 }
 </style>
diff --git a/web/hwlab-cloud-web/src/components/mdtodo/MdtodoTaskPanel.vue b/web/hwlab-cloud-web/src/components/mdtodo/MdtodoTaskPanel.vue
index d028b31f..377d56ce 100644
--- a/web/hwlab-cloud-web/src/components/mdtodo/MdtodoTaskPanel.vue
+++ b/web/hwlab-cloud-web/src/components/mdtodo/MdtodoTaskPanel.vue
@@ -124,7 +124,7 @@ const emit = defineEmits<{
 </template>
 
 <style scoped>
-.mdtodo-detail-panel { display: grid; min-width: 0; min-height: 0; height: auto; max-height: 100%; align-content: start; grid-template-rows: auto auto auto auto; gap: 0; overflow: hidden; background: #fff; }
+.mdtodo-detail-panel { display: grid; min-width: 0; min-height: 0; height: 100%; max-height: none; align-content: stretch; grid-template-rows: auto auto minmax(0, 1fr) auto; gap: 0; overflow: hidden; background: #fff; }
 .mdtodo-detail-header { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid #e2e8ed; padding: 10px 12px; }
 .task-title-block { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr); gap: 8px; align-items: center; }
 .task-id-large { display: inline-flex; min-width: 46px; justify-content: center; border: 1px solid #9be3dc; border-radius: 6px; background: #e8faf6; color: #0f766e; padding: 5px 8px; font-size: 12px; font-weight: 850; }
@@ -135,10 +135,10 @@ const emit = defineEmits<{
 .detail-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
 .detail-toolbar select { min-width: 108px; height: 32px; border: 1px solid #cbd6dd; border-radius: 6px; background: #fff; color: #111827; padding: 0 8px; font: inherit; font-size: 13px; }
 .task-status-stack { display: grid; min-width: 0; gap: 6px; }
-.task-detail-content { display: grid; min-width: 0; min-height: 0; grid-template-rows: auto auto; gap: 0; overflow: hidden; }
+.task-detail-content { display: grid; min-width: 0; min-height: 0; grid-template-rows: auto minmax(0, 1fr); gap: 0; overflow: hidden; }
 .task-detail-status { display: grid; min-width: 0; gap: 6px; }
 .task-body-section { display: grid; min-width: 0; min-height: 0; }
-.task-body-rendered { min-height: 0; height: auto; max-height: min(48dvh, 560px); overflow: auto; border: 0; background: #fff; padding: 16px 18px 20px; }
+.task-body-rendered { min-height: 0; height: 100%; max-height: none; overflow: auto; border: 0; background: #fff; padding: 16px 18px 20px; }
 .markdown-body { min-width: 0; color: #111827; font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
 .markdown-body :deep(p), .markdown-body :deep(ul), .markdown-body :deep(ol), .markdown-body :deep(pre), .markdown-body :deep(blockquote) { margin: 0 0 10px; }
 .markdown-body :deep(pre) { max-width: 100%; overflow: auto; border: 1px solid #d8e2df; border-radius: 6px; background: #f8faf9; color: #111827; padding: 10px; white-space: pre; }
@@ -146,7 +146,7 @@ const emit = defineEmits<{
 .markdown-body :deep(pre code) { background: transparent; color: inherit; padding: 0; white-space: inherit; }
 .markdown-body :deep(a) { color: #0f766e; font-weight: 750; }
 .empty-inline { margin: 0; color: #64706b; }
-.inline-body-editor { display: grid; min-height: 0; height: auto; grid-template-rows: minmax(180px, min(42dvh, 520px)) auto; gap: 8px; padding: 12px; }
+.inline-body-editor { display: grid; min-height: 0; height: 100%; grid-template-rows: minmax(0, 1fr) auto; gap: 8px; padding: 12px; }
 .inline-body-editor textarea { width: 100%; min-width: 0; min-height: 0; border: 1px solid #cbd6dd; border-radius: 6px; background: #fff; color: #111827; font: inherit; line-height: 1.5; padding: 10px; resize: vertical; }
 .task-document-footer { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: end; border-top: 1px solid #e2e8ed; background: #fbfcfd; padding: 9px 12px; }
 .report-link-section { display: grid; min-width: 0; min-height: 0; grid-template-columns: auto minmax(0, 1fr); gap: 8px; align-items: center; }
@@ -163,10 +163,6 @@ const emit = defineEmits<{
 .source-error { margin: 0; border: 1px solid #fecaca; background: #fef2f2; color: #991b1b; border-radius: 6px; padding: 8px 10px; font-size: 13px; }
 .launch-blocker { margin: 0; border-bottom: 1px solid #e2e8ed; background: #fff7ed; color: #9a3412; padding: 7px 12px; font-size: 12px; }
 @media (max-width: 640px) {
-  .mdtodo-detail-panel { height: 100%; align-content: stretch; grid-template-rows: auto auto minmax(0, 1fr) auto; }
-  .task-detail-content { grid-template-rows: auto minmax(0, 1fr); }
-  .task-body-rendered { height: 100%; max-height: none; }
-  .inline-body-editor { height: 100%; grid-template-rows: minmax(0, 1fr) auto; }
   .mdtodo-detail-header { flex-direction: column; align-items: stretch; }
   .detail-toolbar { justify-content: flex-start; }
   .task-title-block { grid-template-columns: 1fr; }