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:
Eric 2023-06-16 13:28:34 -05:00 committed by GitHub
parent 0d54d242ff
commit ad7c1909a5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 0 deletions

View file

@ -191,6 +191,9 @@
margin-left: auto;
margin-right: auto;
background: #fff;
svg {
max-height: 600px;
}
}
blockquote {
margin: 24px 0 32px 32px;

View file

@ -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;

View file

@ -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;