I prefer “list” view over grid view. Switching to grid view shows six videos before the break, but significantly less information about the video.

  • verysoft@kbin.social
    link
    fedilink
    arrow-up
    28
    ·
    edit-2
    1 year ago

    Reduced the amount of videos per row too, had to find a ublock filter for that one.

    If anyone is interested:
    `! YouTube Fix & Customization v1.7
    ! (1-2/12) YouTube 5 Videos Per Row Fix (Home and Channel Pages)
    youtube.com##ytd-rich-grid-row, #contents.ytd-rich-grid-row:style(display:contents !important;)
    youtube.com##ytd-rich-grid-renderer:style(–ytd-rich-grid-items-per-row: 5 !important;)
    ! (3-4/12) YouTube 5 Videos Per Row Fix (Channel Page margin fix)
    youtube.com##ytd-rich-item-renderer[is-slim-grid]:first-of-type:style(margin-left: auto !important;)
    youtube.com##ytd-rich-item-renderer[is-slim-grid]:last-of-type:style(margin-right: auto !important;)
    ! (5-6/12) YouTube 5 Videos Per Row Fix (Font Size fix)
    youtube.com###video-title.ytd-rich-grid-media, #video-title.ytd-rich-grid-slim-media:style(font-size: 1.4rem !important; line-height: 2rem !important;)
    youtube.com###metadata-line.ytd-video-meta-block:style(font-size: 1.2rem !important; line-height: 1.8rem !important;)
    ! (7/12) YouTube 5 Videos Per Row Fix (Removes annoying horizontal scrollbar)
    youtube.com##body:style(overflow-x: hidden !important;)
    ! (9/12) YouTube Search Results Video Thumb Size Fix
    youtube.com##ytd-video-renderer[use-bigger-thumbs][bigger-thumbs-style=“BIG”] ytd-thumbnail.ytd-video-renderer, ytd-video-renderer[use-bigger-thumbs] ytd-thumbnail.ytd-video-renderer, ytd-radio-renderer[use-bigger-thumbs] ytd-thumbnail.ytd-radio-renderer, #avatar-section.ytd-channel-renderer:style(max-width: 360px !important;)

    ! Optional! Only use these 3 rules below if you set items-per-row to 5 or 6 from the first rule set, “(1-2/11) 4 Videos Per Row Fix”
    ! (10-11/12) YouTube Channel page Videos tab Full Width Video Content (Makes videos to fill the page)
    youtube.com##ytd-two-column-browse-results-renderer.grid-5-columns, #ytd-two-column-browse-results-renderer.grid-6-columns:style(width: 100% !important;)
    youtube.com##ytd-two-column-browse-results-renderer.grid:style(max-width: initial !important;)`