mermaid: fix border position #795

This commit is contained in:
Sören Weber 2024-03-11 22:28:27 +01:00
parent a1e0fa698d
commit be212bdbf6
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
2 changed files with 6 additions and 5 deletions

View file

@ -32,7 +32,7 @@ This document shows you what's new in the latest release and flags it with one o
If you are using Hugo below {{% badge color="fuchsia" icon="fab fa-hackerrank" title=" " %}}0.123.0{{% /badge %}}, you don't need to change anything as the old shortcode still works (but may generate warnings). If you are using Hugo below {{% badge color="fuchsia" icon="fab fa-hackerrank" title=" " %}}0.123.0{{% /badge %}}, you don't need to change anything as the old shortcode still works (but may generate warnings).
Other users are strongly advised to migrate as the `attachments` shortcode will not receive support anymore. Migration instructions are listed on the [`attachments` shortcode page](shortcodes/attachments#migration). Anyways, users are strongly advised to migrate as the `attachments` shortcode will not receive support anymore. Migration instructions are listed on the [`attachments` shortcode page](shortcodes/attachments#migration).
- {{% badge style="note" title=" " %}}Change{{% /badge %}} If you run Hugo with [GitInfo](https://gohugo.io/methods/page/gitinfo/) configured, the default page footer now prints out name, email address and date of the last commit. If you want to turn this off you either have to run Hugo without GitInfo (which is the default) or overwrite the `content-footer.html` partial. - {{% badge style="note" title=" " %}}Change{{% /badge %}} If you run Hugo with [GitInfo](https://gohugo.io/methods/page/gitinfo/) configured, the default page footer now prints out name, email address and date of the last commit. If you want to turn this off you either have to run Hugo without GitInfo (which is the default) or overwrite the `content-footer.html` partial.

View file

@ -1370,26 +1370,27 @@ html[dir="rtl"] .expand > .expand-label > i.fa-chevron-right {
.mermaid { .mermaid {
display: inline-block; display: inline-block;
border: 1px solid transparent;
padding: .5rem .5rem 0 .5rem; padding: .5rem .5rem 0 .5rem;
position: relative; position: relative;
/* don't use display: none, as this will cause no renderinge by Mermaid */ /* don't use display: none, as this will cause no renderinge by Mermaid */
visibility: hidden; visibility: hidden;
width: 100%; width: 100%;
} }
.mermaid-container.zoomable > .mermaid:hover {
border-color: rgba( 134, 134, 134, .333 );
}
.mermaid.mermaid-render { .mermaid.mermaid-render {
visibility: visible; visibility: visible;
} }
.mermaid > svg { .mermaid > svg {
/* remove inline height from generated diagram */ /* remove inline height from generated diagram */
border: 1px solid transparent;
height: initial !important; height: initial !important;
} }
.mermaid-container.zoomable > .mermaid > svg { .mermaid-container.zoomable > .mermaid > svg {
cursor: grab; cursor: grab;
} }
.mermaid-container.zoomable > .mermaid:hover > svg{
border-color: rgba( 134, 134, 134, .333 );
}
.svg-reset-button { .svg-reset-button {
background-color: rgba( 160, 160, 160, .2 ); background-color: rgba( 160, 160, 160, .2 );