Add style for youtube iframes (#285)

k-dominik · web-flow · commit 5506b91dee83 · 2024-10-29T05:38:18.000+09:00
fixes width for mobile devices
diff --git a/assets/ilastik.css b/assets/ilastik.css
@@ -180,3 +180,11 @@ h2:hover .header-link {
       overflow: hidden!important;
   }
 }
+
+/* correct sizing on mobile devices */
+iframe[src*=youtube] {
+    display: block;
+    margin: 0 auto;
+    max-width: 100%;
+    padding-bottom: 8px;
+}

Original file line number	Diff line number	Diff line change
`@@ -180,3 +180,11 @@ h2:hover .header-link {`
`180`	`180`	`overflow: hidden!important;`
`181`	`181`	`}`
`182`	`182`	`}`
	`183`	`+`
	`184`	`+/* correct sizing on mobile devices */`
	`185`	`+iframe[src*=youtube] {`
	`186`	`+ display: block;`
	`187`	`+ margin: 0 auto;`
	`188`	`+ max-width: 100%;`
	`189`	`+ padding-bottom: 8px;`
	`190`	`+}`