fix: Fullscreen styles for older Safari (#8346)

mister-ben · web-flow · commit c11d213453bb · 2023-07-06T22:55:29.000+02:00
diff --git a/src/css/components/_layout.scss b/src/css/components/_layout.scss
@@ -142,6 +142,8 @@ body.vjs-pip-window .video-js {
   height: 100% !important;
   // Undo any aspect ratio padding for fluid layouts
   padding-top: 0 !important;
+  // Older Safari (<= 15.6) needs display: block in fullscreen.
+  display: block;
 }
 
 .video-js.vjs-fullscreen.vjs-user-inactive {

Original file line number	Diff line number	Diff line change
`@@ -142,6 +142,8 @@ body.vjs-pip-window .video-js {`
`142`	`142`	`height: 100% !important;`
`143`	`143`	`// Undo any aspect ratio padding for fluid layouts`
`144`	`144`	`padding-top: 0 !important;`
	`145`	`+ // Older Safari (<= 15.6) needs display: block in fullscreen.`
	`146`	`+ display: block;`
`145`	`147`	`}`
`146`	`148`
`147`	`149`	`.video-js.vjs-fullscreen.vjs-user-inactive {`