michaelh/hugo-academic-mirror
1
0
Fork 0
mirror of https://github.com/gcushen/hugo-academic.git synced 2025-07-26 03:00:50 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix: Mermaid and Plotly page overflow

Browse source 
Mermaid and Plotly need to have their max-width constrained or they can overflow page width as they set their own fixed max-width in pixels, which can be wider than the page.

One workaround is to set `grid-template-columns` to `100%`. Another is to set a responsive fixed max-width on their parent elements or article-container.

Fix 1c05374
This commit is contained in:
George Cushen 2020-12-05 22:43:43 +00:00
commit d70da89199
2 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
wowchemy/assets/js/wowchemy.js
View file

@ -453,7 +453,7 @@ $(document).ready(function () {
isDarkTheme = false;
} else {
// The visitor does not have a day or night preference, so use the theme's default setting.
isDarkTheme = isSiteThemeDark;
isDarkTheme = window.wc.isSiteThemeDark;
}
renderThemeVariation(isDarkTheme);
}

2
wowchemy/assets/scss/wowchemy/_root.scss
View file

@ -55,7 +55,7 @@ body.no-navbar {
min-height: calc(100vh - 70px);
display: grid;
grid-template-rows: auto 1fr auto;
grid-template-columns: auto;
grid-template-columns: 100%;
}
@include media-breakpoint-down(md) {
.page-wrapper {