yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Mermaid diagram styling in exported HTML/PDF

Browse Source 
closes #6726
This commit is contained in:
Tom Moor
2024-04-16 22:21:28 -04:00
parent 1f6d8f8471
commit dffb6604dd
1 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
shared/editor/components/Styles.ts
View File

@@ -1146,11 +1146,16 @@ mark {
.code-block[data-language=mermaidjs] { .code-block[data-language=mermaidjs] {
margin: 0.75em 0; margin: 0.75em 0;
pre { ${
border-bottom-left-radius: 0; !props.staticHTML &&
border-bottom-right-radius: 0; css`
margin-bottom: -20px; pre {
overflow: hidden; border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin-bottom: -20px;
overflow: hidden;
}
`
} }
// Hide code without display none so toolbar can still be positioned against it // Hide code without display none so toolbar can still be positioned against it
@@ -1160,7 +1165,7 @@ mark {
overflow: hidden; overflow: hidden;
// Allows the margin to collapse correctly by moving div out of the flow // Allows the margin to collapse correctly by moving div out of the flow
position: absolute; position: ${props.staticHTML ? "relative" : "absolute"};
} }
} }