YT SUBSCRIPTION FEED AS A LIST

yt_sublist.css

/* YT SUBSCRIPTION FEED AS A LIST v0.3 */

/* DO NOTE THAT THIS STYLE USES ABSOLUTE UNITS AS IT WAS ADAPTED FOR 1080P SCREEN */
/* YOU CAN RE-WRITE IT USING RELATIVE UNITS OR SIMPLY CHANGE THE VARS BELOW */

/* ================================ */
/* CONFIG                           */
/* ================================ */

:root {
    --display-dismissable: none; /* change to "block" if you want to display short/relevant */
    --thumbnail-size: 18%;
    --shorts-thumbnail-size: 80%;
    --video-title-margin-left: 10px;
    --video-title-size: 100%;
    --hover-color:  rgba(135, 135, 135, 0.13)!important; /* greyish */
}

/* ================================ */
/* SUBSCRIPTIONS                    */
/* ================================ */

/* Hide shorts and Relevant? */
ytd-rich-section-renderer #dismissible
{
    display: var(--display-dismissable);
}

/* Forcing flex view direction to be a list */
#primary > ytd-rich-grid-renderer > #contents {
    flex-direction: column!important;
}


#primary > ytd-rich-grid-renderer > #contents {
    flex-direction: column!important;
}

/* Ordering flex direction of the items inside the list entry (image, meta) */
yt-lockup-view-model > DIV {
    flex-direction: row!important;
    justify-content: flex-start!important;
}

/* Forcing hover color to be uniform */
yt-lockup-view-model yt-touch-feedback-shape .ytSpecTouchFeedbackShapeHoverEffect
{
     background: var(--hover-color)!important;
}

/* Slightly reduce hover bubble from the bottom*/
yt-touch-feedback-shape {
    margin-bottom: 2px!important;
}

/* Size of a title */
.ytLockupMetadataViewModelTitle > span {
    font-size: var(--video-title-size)!important;
}

/* Size of the video list entry */
ytd-rich-grid-renderer > #contents > ytd-rich-item-renderer {
    width: 100%!important;
    margin-bottom: 5px!important;
    margin-top: 5px!important;
}

/* Size of the normal subscription video thumbnail */
a.ytLockupViewModelContentImage {
    width: var(--thumbnail-size)!important;
}

/* Width of the attachment (Notify me) */
lockup-attachments-view-model {
    width: 150px;
    margin-left: 44px;
}

/* Marging from the left between thumbnail and video text */
.ytLockupViewModelMetadata, .yt-lockup-view-model__metadata {
    margin-left: var(--video-title-margin-left);
}


/* ================================ */
/* SHORTS AND RELEVANT              */
/* ================================ */

/* Restoring order of Shorts */
#primary > ytd-rich-grid-renderer ytd-rich-shelf-renderer > #dismissible #contents {
    flex-direction: row!important;
}

/* Width of a relevant video list entry */
ytd-rich-section-renderer > #content > ytd-rich-shelf-renderer:not([is-shorts]) > #dismissible #contents-container > #contents ytd-rich-item-renderer {
    width: 100%!important;
}

/* Size of a shorts thumbail */
.shortsLockupViewModelHostThumbnailParentContainer  {
    width: var(--shorts-thumbnail-size);
}

Hey is there any way to show the little descriptions under the titles like it used to be?

Hey is there any way to show the little descriptions under the titles like it used to be?

No, that data isnt rendered/supplied to the page with new layout.

Updated for new A/B testing.
Use revision history for old version if you arent part of the test

Updated for new A/B testing. Use revision history for old version if you arent part of the test

Cheers, works once more. Much appreciated

Hey, thanks!