From cbc55c734532a433dbed31bf552828321eb17d4d Mon Sep 17 00:00:00 2001
From: ElementalAlchemist <ElementAlchemist7@gmail.com>
Date: Sun, 17 Nov 2024 19:52:25 -0600
Subject: [PATCH] Keep media controls visible

---
 thrimbletrimmer/src/common/video.scss | 5 +++++
 thrimbletrimmer/src/common/video.tsx  | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/thrimbletrimmer/src/common/video.scss b/thrimbletrimmer/src/common/video.scss
index fa549c6..7992dfb 100644
--- a/thrimbletrimmer/src/common/video.scss
+++ b/thrimbletrimmer/src/common/video.scss
@@ -24,6 +24,11 @@ media-player:not([data-fullscreen]) media-controls {
 	height: auto;
 }
 
+media-controls.vds-controls:not([data-fullscreen]) {
+	visibility: visible;
+	opacity: 1;
+}
+
 media-controls-group {
 	display: flex;
 	align-items: center;
diff --git a/thrimbletrimmer/src/common/video.tsx b/thrimbletrimmer/src/common/video.tsx
index 57f5997..de8700d 100644
--- a/thrimbletrimmer/src/common/video.tsx
+++ b/thrimbletrimmer/src/common/video.tsx
@@ -250,7 +250,7 @@ export const VideoPlayer: Component<VideoPlayerProps> = (props) => {
 			<media-gesture event="pointerup" action="toggle:paused" />
 			<media-gesture event="dblpointerup" action="toggle:fullscreen" />
 			<media-captions class="vds-captions" />
-			<media-controls class="vds-controls" hideDelay={0}>
+			<media-controls class="vds-controls">
 				<media-controls-group class="vds-controls-group">
 					<media-tooltip>
 						<media-tooltip-trigger>