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);
}

The problem is that this alters the videos page of any channel aswell, not just your personal subscribtion page.

@NastyFlytrap Because you are applying to whole YT domain. See comments in the header, it explains now how to add it properly.

@NastyFlytrap Because you are applying to whole YT domain. See comments in the header, it explains now how to add it properly.

Oh. Fuck. My bad. I apologize. I thought it was one of those 'copy and paste it into some section in the extension's settings' kinda scripts. Didnt realise stylus' settings menu was so complicated

I'm confused. It says 'URL's starting with: https://www.youtube.com/feed/subscriptions' i pasted the script, saved, but its still applying to the videos page of channels too. I already deleted the old rule i added and as far as i can see there is no other rule applied.

Learn/read/google how Stylus works.

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!