Merge pull request #47 from thuoe:bugfix/toggle-controls

thuoe · web-flow · commit f71bac71be0f · 2021-04-03T16:35:36.000+01:00
fix: toggle controls when hovering container
diff --git a/player-styles.js b/player-styles.js
@@ -168,7 +168,7 @@ const playerStyles = html`
       transition: opacity 0.2s ease-in-out, transform .3s ease-in-out;
     }
 
-    .video-controls:hover {
+    .container:hover .video-controls {
       opacity: 1;
     }
 

Original file line number	Diff line number	Diff line change
@@ -168,7 +168,7 @@ const playerStyles = html`
`168`	`168`	`transition: opacity 0.2s ease-in-out, transform .3s ease-in-out;`
`169`	`169`	`}`
`170`	`170`
`171`		`- .video-controls:hover {`
	`171`	`+ .container:hover .video-controls {`
`172`	`172`	`opacity: 1;`
`173`	`173`	`}`
`174`	`174`