Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-16 05:09:54 +01:00
Code Issues Packages Projects Releases Activity

fix(mermaid): preview not 100% height on vertical layout

Browse Source
This commit is contained in:
Elian Doran
2025-12-15 10:54:39 +02:00
parent 862ddf3a71
commit a9b3479216
1 changed files with 27 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
apps/client/src/widgets/type_widgets/helpers/SplitEditor.css
View File

@@ -43,44 +43,48 @@
/* Horizontal layout */ /* Horizontal layout */
.note-detail-split.split-horizontal:not(.split-read-only) > .note-detail-split-preview-col { .note-detail-split.split-horizontal:not(.split-read-only) {
border-inline-start: 1px solid var(--main-border-color); &> .note-detail-split-preview-col {
} border-inline-start: 1px solid var(--main-border-color);
}
.note-detail-split.split-horizontal > .note-detail-split-editor-col, &> .note-detail-split-editor-col,
.note-detail-split.split-horizontal > .note-detail-split-preview-col { &> .note-detail-split-preview-col {
height: 100%; height: 100%;
width: 50%; width: 50%;
} }
.note-detail-split.split-horizontal .note-detail-split-preview { .note-detail-split-preview {
height: 100%; height: 100%;
}
} }
/* Vertical layout */ /* Vertical layout */
.note-detail-split.split-vertical { .note-detail-split.split-vertical {
flex-direction: column; flex-direction: column;
&> .note-detail-split-editor-col,
&> .note-detail-split-preview-col {
width: 100%;
height: 50%;
}
&> .note-detail-split-editor-col {
border-top: 1px solid var(--main-border-color);
}
&> .note-detail-split-preview-col {
order: -1;
}
} }
.note-detail-split.split-vertical > .note-detail-split-editor-col,
.note-detail-split.split-vertical > .note-detail-split-preview-col {
width: 100%;
height: 50%;
}
.note-detail-split.split-vertical > .note-detail-split-editor-col {
border-top: 1px solid var(--main-border-color);
}
.note-detail-split.split-vertical .note-detail-split-preview-col {
order: -1;
}
/* Read-only view */ /* Read-only view */
.note-detail-split.split-read-only .note-detail-split-preview-col { .note-detail-split.split-read-only .note-detail-split-preview-col {
width: 100%; width: 100%;
height: 100%;
} }
/* #region SVG */ /* #region SVG */