Merge pull request #29846 from sftim/20210928_restrict_figure_width_wide_viewport

k8s-ci-robot · web-flow · commit dd9a56889be7 · 2021-09-28T11:17:16.000-07:00
Restrict width of blog figures for wide viewports
diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss
@@ -635,6 +635,13 @@ body.td-documentation {
   }
 }
 
+// Match Docsy-imposed max width on text body
+@media (min-width: 1200px) {
+  body.td-blog main .td-content > figure {
+    max-width: 80%;
+  }
+}
+
 .td-content {
   table code {
     background-color: inherit !important;

Original file line number	Diff line number	Diff line change
`@@ -635,6 +635,13 @@ body.td-documentation {`
`635`	`635`	`}`
`636`	`636`	`}`
`637`	`637`
	`638`	`+// Match Docsy-imposed max width on text body`
	`639`	`+@media (min-width: 1200px) {`
	`640`	`+ body.td-blog main .td-content > figure {`
	`641`	`+ max-width: 80%;`
	`642`	`+ }`
	`643`	`+}`
	`644`	`+`
`638`	`645`	`.td-content {`
`639`	`646`	`table code {`
`640`	`647`	`background-color: inherit !important;`