Move captions lower

ChunkyProgrammer · ChunkyProgrammer · commit 0482dd13ad00 · 2024-10-29T00:49:26.000-04:00
diff --git a/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css
@@ -47,6 +47,11 @@
   width: 100%;
 }
 
+/* increase height of captions since we remove the padding-bottom below the seekbar */
+:deep(.shaka-controls-container[shown='true']~.shaka-text-container) {
+  bottom: 12.5%;
+}
+
 .sixteenByNine {
   aspect-ratio: 16 / 9;
 }
@@ -217,6 +222,9 @@
     width: 96%;
   }
 
+  :deep(.shaka-controls-container[shown='true']~.shaka-text-container) {
+    bottom: 15%;
+  }
 }
 
 @media only screen and (width <=1350px) {

Original file line number	Diff line number	Diff line change
`@@ -47,6 +47,11 @@`
`47`	`47`	`width: 100%;`
`48`	`48`	`}`
`49`	`49`
	`50`	`+/* increase height of captions since we remove the padding-bottom below the seekbar */`
	`51`	`+:deep(.shaka-controls-container[shown='true']~.shaka-text-container) {`
	`52`	`+ bottom: 12.5%;`
	`53`	`+}`
	`54`	`+`
`50`	`55`	`.sixteenByNine {`
`51`	`56`	`aspect-ratio: 16 / 9;`
`52`	`57`	`}`
`@@ -217,6 +222,9 @@`
`217`	`222`	`width: 96%;`
`218`	`223`	`}`
`219`	`224`
	`225`	`+ :deep(.shaka-controls-container[shown='true']~.shaka-text-container) {`
	`226`	`+ bottom: 15%;`
	`227`	`+ }`
`220`	`228`	`}`
`221`	`229`
`222`	`230`	`@media only screen and (width <=1350px) {`