Website: Add max height to mermaid diagrams (#12374)
Closes: #12362 Changes: - Added a max-height (~`800px`~ `600px`) for rendered mermaid diagrams on fleetdm.com. (Edited by Mike T) --------- Co-authored-by: Mike Thomas <mthomas@fleetdm.com> Co-authored-by: Mike Thomas <78363703+mike-j-thomas@users.noreply.github.com>
This commit is contained in:
co-authored by
Mike Thomas
Mike Thomas
parent
0d54d242ff
commit
ad7c1909a5
@@ -191,6 +191,9 @@
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
background: #fff;
|
||||
svg {
|
||||
max-height: 600px;
|
||||
}
|
||||
}
|
||||
blockquote {
|
||||
margin: 24px 0 32px 32px;
|
||||
|
||||
@@ -22,6 +22,11 @@
|
||||
code.mermaid:not([data-processed='true']) {
|
||||
opacity: 0;
|
||||
}
|
||||
code.mermaid[data-processed='true'] {
|
||||
svg {
|
||||
max-height: 600px;
|
||||
}
|
||||
}
|
||||
|
||||
pre:not(.algolia-autocomplete):not(.ds-dropdown-menu):not(.json) {
|
||||
padding: 24px;
|
||||
|
||||
@@ -239,6 +239,9 @@
|
||||
margin-bottom: 16px 0px 32px;
|
||||
font-family: @code-font;
|
||||
display: inline-block;
|
||||
svg {
|
||||
max-height: 600px;
|
||||
}
|
||||
}
|
||||
pre:not(.algolia-autocomplete):not(.ds-dropdown-menu) {
|
||||
padding: 24px;
|
||||
|
||||
Reference in New Issue
Block a user