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

[Feature Request]: More concise video info formatting #4336

Closed
3 tasks done
kommunarr opened this issue Nov 15, 2023 · 0 comments · Fixed by #4338
Closed
3 tasks done

[Feature Request]: More concise video info formatting #4336

kommunarr opened this issue Nov 15, 2023 · 0 comments · Fixed by #4338

Comments

@kommunarr
Copy link
Collaborator

kommunarr commented Nov 15, 2023

Guidelines

  • I have searched the issue tracker for open and closed issues that are similar to the feature request I want to file, without success.
  • I have searched the documentation for information that matches the description of the feature request I want to file, without success.
  • This issue contains only one feature request.

Problem Description

The publish date, # of views, and # of likes are taking up disproportionate visual real estate. This results in the Subscribe button occupying a different height and flex behavior from the other video buttons. The width of the title also competes with the size of the icon buttons, an unneeded dependency.
Screenshot_20231115_032228

Proposed Solution

Similar to the implementation pictured below:

  1. Move publish date and # of views to the top of the video description section.
  2. Also move # of likes to the top of the video description section. This is different from the pictured implementation, but it's an incredibly justified distinction, as this is not an interactive button for our users but rather more static video information.
  3. Move the Subscribe button to the same height / flex box as the other video buttons, while still maintaining the same space between that exists now.

Screenshot_20231115_031944

Alternatives Considered

We can optionally keep the like button on the same row as the video buttons, but I do not think it is preferable for the reasons I stated.

More radical changes to our video info section UX are possible here (e.g., in the vein of Invidious or Piped), but I see little purpose to this. Two reasonable lessons we can take from them are de-emphasizing the like button & removing the video information from strong visual competition with the title and actions, as I've suggested here. But I don't think we have any comparably problematic layout issues in the video info section outside of that.

Here's Invidious's take on it for reference:

Screenshot_20231115_035719

We can also consider moving the video views & likes information to right between the title and the Subscribe button (similar to Piped).

Screenshot_20231115_035734

Issue Labels

improvement to existing feature, visual improvement

Additional Information

This makes #4259 much, much easier. It also makes resolving a bug pertaining to the video info buttons clipping easier to implement.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant