fix(mdtodo): keep workspace shell height while shrinking panes
This commit is contained in:
@@ -188,10 +188,7 @@ function clamp(value: number, min: number, max: number): number {
|
||||
}
|
||||
|
||||
.split-workspace-layout.mdtodo-workspace {
|
||||
height: auto;
|
||||
max-height: 100%;
|
||||
align-items: start;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.split-workspace-layout.mdtodo-workspace .split-workspace-pane,
|
||||
@@ -223,10 +220,7 @@ function clamp(value: number, min: number, max: number): number {
|
||||
}
|
||||
|
||||
.split-workspace-layout.mdtodo-workspace {
|
||||
height: 100%;
|
||||
max-height: none;
|
||||
align-items: stretch;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.split-workspace-layout.mdtodo-workspace .split-workspace-pane,
|
||||
|
||||
@@ -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; 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,11 @@ 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%; }
|
||||
.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>
|
||||
|
||||
Reference in New Issue
Block a user