mirrors/pikasTech-HWLAB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: stretch MDTODO workspace height

Browse Source
This commit is contained in:
root
2026-06-28 16:50:05 +08:00
committed by root
parent 69788451c6
commit 29e40739fc
3 changed files with 11 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/hwlab-cloud-web/src/components/layout/SplitWorkspaceLayout.vue
+5 -16
View File
@@ -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>
web/hwlab-cloud-web/src/components/mdtodo/MdtodoPageShell.vue
+2 -4
View File
@@ -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>
web/hwlab-cloud-web/src/components/mdtodo/MdtodoTaskPanel.vue
+4 -8
View File
@@ -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; }