Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix initial appearance of thumbnail view #1365

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

Arnei
Copy link
Member

@Arnei Arnei commented May 30, 2024

We want the boxes for the thumbnails and the videos to be roughly the same size, and display the buttons in the thumbnail boxes on the right if space allows. This was not happening when first clicking on the thumbnail view, wasting space and giving it a generally not so great look. This changes some max widths around to fix that.

Potentially a fix for #1282.

Before
Bildschirmfoto vom 2024-05-30 09-42-10

After
Bildschirmfoto vom 2024-05-30 09-42-47

We want the boxes for the thumbnails and the
videos to be roughly the same size, and display
the buttons in the thumbnail boxes on the
right if space allows. This was not happening
when first clicking on the thumbnail view,
wasting space and giving it a generally not so
great look. This changes some max widths
around to fix that.
@Arnei Arnei added the type:visual-clarity A part of the UI is not visually readable label May 30, 2024
Copy link

This pull request is deployed at test.editor.opencast.org/1365/2024-05-30_07-46-30/ .
It might take a few minutes for it to become available.

@snoesberger
Copy link
Contributor

Looks good to me in various browsers (Firefox, Chrome, Safari) with one small flaw. If you have a dual stream recording and a small browser window, the thumbnail placeholder does not scale. If you have a single stream recording, the scaling of the thumbnail placeholder works fine:
grafik
grafik

One other remark: in Safari the preview videos are smaller than in other browsers, but this is already fixed by this PR #1383

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type:visual-clarity A part of the UI is not visually readable
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants