Fix video overlay issue - add z-index and disable zoom temporarily

- Added z-index: 10 to webcam-player (higher than overlays)
- Added z-index: 5 and display: none to timelapse/daily-video overlays
- Disabled zoom script temporarily for testing
This commit is contained in:
Claude
2026-01-13 09:39:44 +00:00
parent 313c2108a9
commit 14c064de64
+16 -3
View File
@@ -1527,13 +1527,25 @@ nav ul li a:hover { color: #4CAF50; }
z-index: 30; z-index: 30;
} }
#webcam-player, #timelapse-viewer, #daily-video-player { #webcam-player {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 8px; border-radius: 8px;
z-index: 10;
}
#timelapse-viewer, #daily-video-player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px;
z-index: 5;
display: none;
} }
.video-info-bar { .video-info-bar {
@@ -2308,13 +2320,14 @@ document.getElementById('qrcode')?.addEventListener('click', function() {
<script> <script>
window.zoomConfig = { window.zoomConfig = {
enabled: true, enabled: false,
minZoom: 1, minZoom: 1,
maxZoom: 4, maxZoom: 4,
defaultZoom: 1 defaultZoom: 1
}; };
</script> </script>
<script src="js/video-zoom.js"></script> <!-- Zoom temporär deaktiviert zum Testen -->
<!-- <script src="js/video-zoom.js"></script> -->
<!-- TIMELAPSE CONTROLLER --> <!-- TIMELAPSE CONTROLLER -->
<script> <script>