diff options
| author | Christophe Besson <cbesson@gmail.com> | 2026-09-06 03:40:16 +0200 |
|---|---|---|
| committer | Christophe Besson <cbesson@gmail.com> | 2026-09-06 03:40:16 +0200 |
| commit | 37473b29c02f2dc70eb9ba46d596f503a01c5845 (patch) | |
| tree | 3b2e95382c204fb9db8ebdfd74ac4fb49ebb8a24 /packages/meshbay-hub/src/meshbay_hub/static/video-player.js | |
| parent | e2885fec8dcb3cd452899e2628d6e9ad5c70b01e (diff) | |
| download | meshbay-37473b29c02f2dc70eb9ba46d596f503a01c5845.tar.gz | |
fix(node): inline @owner next to group name, fix buffering layout shift
Put the @owner handle on the same line as the group name (flex baseline)
to save a row on mobile. Move the video buffering indicator inside the
video-container as an absolute overlay so it no longer pushes the video
down when it appears briefly during seeks.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Diffstat (limited to 'packages/meshbay-hub/src/meshbay_hub/static/video-player.js')
| -rw-r--r-- | packages/meshbay-hub/src/meshbay_hub/static/video-player.js | 15 |
1 files changed, 7 insertions, 8 deletions
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/video-player.js b/packages/meshbay-hub/src/meshbay_hub/static/video-player.js index 0c0c6c7..4f8a4e4 100644 --- a/packages/meshbay-hub/src/meshbay_hub/static/video-player.js +++ b/packages/meshbay-hub/src/meshbay_hub/static/video-player.js @@ -1054,17 +1054,16 @@ function VideoPlayer({ entry, transportRef, gekRef, onClose, onDownload }) { <${Icon} name="close" /></button> </div> - ${phase === 'loading' && html` - <div class="video-loading"> - <div class="video-loading-label"> - <span class="spinner"></span>${' '}${t('video.buffering')} - </div> - </div> - `} - ${(phase === 'streaming' || phase === 'loading') && html` <div class="video-container"> <video ref=${videoRef} controls autoplay /> + ${phase === 'loading' && html` + <div class="video-loading"> + <div class="video-loading-label"> + <span class="spinner"></span>${' '}${t('video.buffering')} + </div> + </div> + `} ${resumedFrom > 0 && html` <div class="video-resumed"> ${t('video.resumed_at', { time: formatClock(resumedFrom) })} |