fix: controlbar shadow when controls: false (#830)

tsi · web-flow · commit 8f88dd639919 · 2025-03-25T13:55:42.000+02:00
diff --git a/src/assets/styles/main.scss b/src/assets/styles/main.scss
@@ -215,7 +215,7 @@ $icon-font-path: '../icon-font' !default;
     opacity: 0;
   }
 
-  &::before {
+  &.vjs-controls-enabled::before {
     content: '';
     pointer-events: none;
     position: absolute;
@@ -230,8 +230,8 @@ $icon-font-path: '../icon-font' !default;
     font-size: 120%;
     display: none;
   }
-  &.vjs-audio-only-mode::before,
-  &.vjs-has-started::before {
+  &.vjs-has-started::before,
+  &.vjs-audio-only-mode::before {
     display: flex;
     transition: opacity 0.1s;
   }

Original file line number	Diff line number	Diff line change
`@@ -215,7 +215,7 @@ $icon-font-path: '../icon-font' !default;`
`215`	`215`	`opacity: 0;`
`216`	`216`	`}`
`217`	`217`
`218`		`- &::before {`
	`218`	`+ &.vjs-controls-enabled::before {`
`219`	`219`	`content: '';`
`220`	`220`	`pointer-events: none;`
`221`	`221`	`position: absolute;`
`@@ -230,8 +230,8 @@ $icon-font-path: '../icon-font' !default;`
`230`	`230`	`font-size: 120%;`
`231`	`231`	`display: none;`
`232`	`232`	`}`
`233`		`- &.vjs-audio-only-mode::before,`
`234`		`- &.vjs-has-started::before {`
	`233`	`+ &.vjs-has-started::before,`
	`234`	`+ &.vjs-audio-only-mode::before {`
`235`	`235`	`display: flex;`
`236`	`236`	`transition: opacity 0.1s;`
`237`	`237`	`}`