mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2025-05-31 15:18:38 -04:00
Support mermaid in code block diagram and updated all diagram rendering method and styles
This commit is contained in:
parent
c43f9784b4
commit
b49d4e2261
10 changed files with 354 additions and 23 deletions
|
@ -82,13 +82,6 @@
|
|||
content: ''
|
||||
}
|
||||
|
||||
.markdown-body .sequence-diagram, .markdown-body .flow-chart {
|
||||
text-align: center;
|
||||
}
|
||||
.markdown-body .flow-chart {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
/*fixed style for rtl in pre and code*/
|
||||
|
||||
.markdown-body[dir='rtl'] pre {
|
||||
|
@ -100,7 +93,27 @@
|
|||
unicode-bidi: embed;
|
||||
}
|
||||
|
||||
svg {
|
||||
width: 100%;
|
||||
max-height: 70vh;
|
||||
}
|
||||
.markdown-body pre.flow-chart,
|
||||
.markdown-body pre.sequence-diagram,
|
||||
.markdown-body pre.graphviz,
|
||||
.markdown-body pre.mermaid {
|
||||
text-align: center;
|
||||
background-color: inherit;
|
||||
border-radius: 0;
|
||||
white-space: inherit;
|
||||
}
|
||||
|
||||
.markdown-body pre.flow-chart > code,
|
||||
.markdown-body pre.sequence-diagram > code,
|
||||
.markdown-body pre.graphviz > code,
|
||||
.markdown-body pre.mermaid > code {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.markdown-body pre.flow-chart > svg,
|
||||
.markdown-body pre.sequence-diagram > svg,
|
||||
.markdown-body pre.graphviz > svg,
|
||||
.markdown-body pre.mermaid > svg {
|
||||
max-width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue