mirror of
https://github.com/jpawlowski/hass.tibber_prices.git
synced 2026-04-09 09:03:40 +00:00
fix(css): enhance mermaid lightbox styling for better theme integration
This commit is contained in:
parent
ebc3c38007
commit
dba96e38e0
1 changed files with 9 additions and 1 deletions
|
|
@ -306,10 +306,18 @@ h1, h2, h3, h4, h5, h6 {
|
||||||
to { transform: scale(1); opacity: 1; }
|
to { transform: scale(1); opacity: 1; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.mermaid-lightbox-inner svg {
|
.mermaid-lightbox-inner > svg {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
/* Solid themed background — auto-switches with light/dark mode */
|
||||||
|
background: var(--ifm-background-color);
|
||||||
|
border-radius: calc(var(--ifm-card-border-radius, 0.5rem) - 2px);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Override Mermaid's hardcoded background rect (sequence diagrams, etc.) */
|
||||||
|
.mermaid-lightbox-inner svg .background {
|
||||||
|
fill: var(--ifm-background-color) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Close button (top-right corner of the card) */
|
/* Close button (top-right corner of the card) */
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue