Apply a slight zoom on the example run SVG on GH pages to have the te…

…xt be better readable
bvobart · Jul 26, 2021 · ac16553 · ac16553
1 parent d3c7341
commit ac16553
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/docs/gh-pages/assets/css/extended/tweaks.css b/docs/gh-pages/assets/css/extended/tweaks.css
@@ -53,4 +53,13 @@
 .post-content h4,
 .post-content h5 {
   color: var(--header-color);
-}
+}
+
+.home-example-run {
+  width: var(--main-width);
+  overflow: hidden;
+}
+
+.home-example-run img {
+  max-width: 1800px;
+}
diff --git a/docs/gh-pages/config.yml b/docs/gh-pages/config.yml
@@ -84,7 +84,7 @@ params:
             > See also the [`mllint-example-projects`](https://github.com/bvobart/mllint-example-projects) repository to explore the reports of an example project using `mllint` to measure and improve its project quality over several iterations.
             >
             > See this [`example-report.md`](https://github.com/bvobart/mllint/blob/main/docs/example-report.md) to view the report generated for the example project in the demo below.
-            > <p align="center"><img src="example-run.svg" alt="Example run of mllint"></p>
+            > <div align="center" class="home-example-run"><img src="example-run.svg" alt="Example run of mllint"></div>
 
 
     socialIcons: