Fix player UI: sports Highlights pane, scrubber knob, volume knob, description + save-to-playlist

Player/UI fixes:
- Sports (match) Highlights pane: move the toggle click-handler script out of
  the always-false @if(false ...) legacy block so the "Highlights" button opens,
  and emit videoId/isOwner with @json instead of {{ json_encode() }} (escaped
  quotes crashed the data/tab/CRUD block once route keys became hashid strings).
- Progress scrubber knob (video + audio players): center on the track line with
  translate(-50%, -50%); drop the margin-top hack that floated it above the line.
- Music player volume: give the slider wrap height so overflow:hidden no longer
  crops the knob; add a subtle thumb shadow for visibility.
- Music language menu: cap height to available space above the header, sticky
  header, internal scroll; keep controls from auto-hiding while the menu is open.
- Description box: re-check "Show more" overflow at every settle point (fonts,
  images, rAF, tab reopen) so SPA autonext keeps the expand button.

Also bundles pending work: save-to-playlist button component, playlist/channel
views, PlaylistController + NasSyncService, and component-usage tracker updates.

Co-Authored-By: Claude Opus 4.8 <[email protected]>
This commit is contained in:
ghassanandClaude Opus 4.8 committed 2026-07-28 22:12:58 +03:00
1 parent 80948efff7
commit 6b43a7060a
14 files changed
+236 -136

No files matched your search

+4 -4
View File
@@ -552,9 +552,9 @@
@endif
<!-- Save to Playlist Button -->
<button class="yt-action-btn" onclick="openAddToPlaylistModal({{ $video->id }})">
<x-save-to-playlist-button :video="$video" class="yt-action-btn">
<i class="bi bi-collection-plus"></i> Save
</button>
</x-save-to-playlist-button>
@auth
<!-- Quick Watch Later Button -->
<form method="POST" action="{{ route('videos.watchLater', $video) }}" class="d-inline"
@@ -905,9 +905,9 @@
</x-share-button>
@endif
<button class="yt-action-btn" onclick="openAddToPlaylistModal({{ $video->id }})" style="flex:1;">
<x-save-to-playlist-button :video="$video" class="yt-action-btn" style="flex:1;">
<i class="bi bi-collection-plus"></i><span>Save</span>
</button>
</x-save-to-playlist-button>
@auth
@if (Auth::id() === $video->user_id)