Skip to content

GitLab

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
search-index
search-index
  • Project overview
    • Project overview
    • Details
    • Activity
    • Releases
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 10
    • Issues 10
    • List
    • Boards
    • Labels
    • Service Desk
    • Milestones
  • Merge Requests 0
    • Merge Requests 0
  • CI / CD
    • CI / CD
    • Pipelines
    • Jobs
    • Schedules
  • Operations
    • Operations
    • Metrics
    • Incidents
    • Environments
  • Analytics
    • Analytics
    • CI / CD
    • Repository
    • Value Stream
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Members
    • Members
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Framasoft
  • PeerTube
  • search-indexsearch-index
  • Issues
  • #10

Closed
Open
Opened Sep 22, 2020 by Association 42l@Association42lContributor

Use relative width and height for all elements

Hi!

The main container's width is set to 1024px, causing it to get too small on bigger displays (unzoom to test):

image

Having the orange bars at the left and right of the main container taking more than 50% of the available space is probably unwanted.

Using relative width and font size (in % or vh/vw) would help a lot.

Suggestion: use 100vh for the first pane (main container) and 100vh for the secondary pane (main footer).

Those orange bars really fits PeerTube's style, even though I feel like it gives a kind of oldish style to the page (no offense! 😅 ). Setting relative width on the main container size would imply that we need to agree on the size (in % ?) of those bars, that currently fully depends on the user's screen resolution. What about 85% for the main container, so 7.5/7.5 % for both orange bars?

Here's the main container resized at 85% instead of 1024px:

image

As said above, also setting relative font sizes would be necessary for bigger displays.

If you folks are okay about those edits, I can work on a PR to address this issue.

Thanks for reading!

~ Neil for 42l

Edited Sep 22, 2020 by Association 42l
Assignee
Assign to
None
Milestone
None
Assign milestone
Time tracking
None
Due date
None
Reference: framasoft/peertube/search-index#10