Skip to content

Youtube Notification Thumbnail Size by SoaringGecko

Screenshot of Youtube Notification Thumbnail Size

Details

AuthorSoaringGecko

LicenseNo License

Categoryyoutube.com

Created

Updated

Size1.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Change The Size Of Notification Thumbnails

Notes

You can fully customize the size of the thumbnail

Source code

/* ==UserStyle==
@name           Youtube Notification Thumbnail Size
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Change The Size Of Notification Thumbnails
@author         WhiteTapeti

@advanced text thumbnailWidth "Thumbnail Width ⚠(360 Recommended, 480 Recommended Max)" 360
@advanced text thumbnailHeight "Thumbnail Height ⚠(270 Recommended, 360 Recommended Max)" 270

==/UserStyle== */
@-moz-document domain("youtube.com") {
    .thumbnail-container.style-scope.ytd-notification-renderer,
    .thumbnail-container.style-scope.ytd-notification-renderer > .style-scope.ytd-notification-renderer.no-transition > img.style-scope.yt-img-shadow,
    .thumbnail-container.style-scope.ytd-notification-renderer > .style-scope.ytd-notification-renderer.no-transition {
        width: /*[[thumbnailWidth]]*/px;
        height: /*[[thumbnailHeight]]*/px;
        grid-column: 3 / 4;
        grid-row: 2;
        justify-self: center;
        right: 10%;
    }
    .yt-simple-endpoint.style-scope.ytd-notification-renderer {
        display: grid;
        grid-template-columns: auto auto;
        scroll-snap-type: y mandatory;
    }
    .yt-simple-endpoint.style-scope.ytd-notification-renderer > #new,
    .yt-simple-endpoint.style-scope.ytd-notification-renderer > .thumbnail.style-scope.ytd-notification-renderer.no-transition,
    .text.ytd-notification-renderer {
        grid-row: 1;
    }
}

Reviews

No reviews yet.