On channel header invisible #27

Open
opened 2026-10-15 11:18:05 +00:00 by jeena · 5 comments
Owner

Without a mouse the header picture of a chanel is invisible and not accessible at all because when you get on a chanel it automatically gives the first video card the focus. That is exactly how it should be but it scrolls up so that the header is invisible.

I'm thinking we should redesign the header a bit. We should have the header picture as a background for a header, make it a bit darker with a black overlay (or give the info parts some half transparent background rectangles) and put the chanel info on the header picture.

The chanel info is not very nicely layed out anyway and needs to be made nicer, so it doesn't just take so much of the screen estate. But it should still deal with some reasonable amount of description text.

Then the video cards could start directly under the header picture.

Should we have a subscribe button also in the header which can be reached to subscribe/unsubscribe? Yes I think we should.

Without a mouse the header picture of a chanel is invisible and not accessible at all because when you get on a chanel it automatically gives the first video card the focus. That is exactly how it should be but it scrolls up so that the header is invisible. I'm thinking we should redesign the header a bit. We should have the header picture as a background for a header, make it a bit darker with a black overlay (or give the info parts some half transparent background rectangles) and put the chanel info on the header picture. The chanel info is not very nicely layed out anyway and needs to be made nicer, so it doesn't just take so much of the screen estate. But it should still deal with some reasonable amount of description text. Then the video cards could start directly under the header picture. Should we have a subscribe button also in the header which can be reached to subscribe/unsubscribe? Yes I think we should.
Author
Owner

Now for some reason the header is always visible so even if I scroll down in the videos, the header doesn't go up but stays visible and the videos are behind it. This is not good.

Now for some reason the header is always visible so even if I scroll down in the videos, the header doesn't go up but stays visible and the videos are behind it. This is not good.
Author
Owner

Also we already know the hight of the chanel header, no need to wait until it loads to then jump the whole content down.

If the header image is not present, we should show some nice color gradiant, I see it's already the black one which is nice but I think we could make a color out of the chanel name + domain hash.

Also we already know the hight of the chanel header, no need to wait until it loads to then jump the whole content down. If the header image is not present, we should show some nice color gradiant, I see it's already the black one which is nice but I think we could make a color out of the chanel name + domain hash.
Author
Owner

and if the chanel doesn't have a icon then we should show a dummy icon.

and if the chanel doesn't have a icon then we should show a dummy icon.
Author
Owner

Somehow when the header and the videos load, the animation jumps up and then down again. It also happens every time I go to the chanel overview page. It animates up a bit and then jumps down.

Also the header image has a lot of margin to top, way too much, but to the video cards it has very little, it should have as much as between the video cards.

also would it be possible to make the header image as wide as the four video cards so left and right are aligned with the beginning of the first card and ending of the last card? That would look much nicer.

When I go out of the chanel back, then for some reason the line where it is selected animates to the side a bit which is very weird too.

Somehow when the header and the videos load, the animation jumps up and then down again. It also happens every time I go to the chanel overview page. It animates up a bit and then jumps down. Also the header image has a lot of margin to top, way too much, but to the video cards it has very little, it should have as much as between the video cards. also would it be possible to make the header image as wide as the four video cards so left and right are aligned with the beginning of the first card and ending of the last card? That would look much nicer. When I go out of the chanel back, then for some reason the line where it is selected animates to the side a bit which is very weird too.
Author
Owner

Still jumps when the first video get's focus.

Still jumps when the first video get's focus.
Sign in to join this conversation.
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: jeena/jtube-tv#27
No description provided.