Vous avez sans doute remarqué que Youtube a encore choisi de flinguer un peu plus l'UI en grossissant les vignettes au point qu'on ne puisse en voir plus que 3 (titre inclus) sans scroller 


Voilà comment revenir à la taille précédente avec un script TameprMonkey:


//
// ==UserScript==
// @name YouTube - Compact Thumbnails + Hide Latest Posts
// @namespace http://tampermonkey.net/
// @version 1.2
// @description Réduit la taille des vignettes YouTube et supprime la section des posts récents
// @author Jean-Gamer
// @match https://www.youtube.com/*
// @grant none
// ==/UserScript==
(function () {
'use strict';
const css = `
ytd-rich-grid-renderer {
--ytd-rich-grid-items-per-row: 6 !important;
}
ytd-rich-item-renderer {
max-width: 240px !important;
}
#shelf-title.ytd-rich-section-renderer,
ytd-rich-section-renderer[is-shorts],
ytd-rich-section-renderer:has(ytd-post-renderer),
ytd-post-renderer {
display: none !important;
}
`;
const applyStyle = () => {
if (!document.querySelector('#tamper-style')) {
const style = document.createElement('style');
style.id = 'tamper-style';
style.textContent = css;
document.head.appendChild(style);
}
};
applyStyle();
const observer = new MutationObserver(() => applyStyle());
observer.observe(document.documentElement, { childList: true, subtree: true });
})();





Voilà comment revenir à la taille précédente avec un script TameprMonkey:


//
// ==UserScript==
// @name YouTube - Compact Thumbnails + Hide Latest Posts
// @namespace http://tampermonkey.net/
// @version 1.2
// @description Réduit la taille des vignettes YouTube et supprime la section des posts récents
// @author Jean-Gamer
// @match https://www.youtube.com/*
// @grant none
// ==/UserScript==
(function () {
'use strict';
const css = `
ytd-rich-grid-renderer {
--ytd-rich-grid-items-per-row: 6 !important;
}
ytd-rich-item-renderer {
max-width: 240px !important;
}
#shelf-title.ytd-rich-section-renderer,
ytd-rich-section-renderer[is-shorts],
ytd-rich-section-renderer:has(ytd-post-renderer),
ytd-post-renderer {
display: none !important;
}
`;
const applyStyle = () => {
if (!document.querySelector('#tamper-style')) {
const style = document.createElement('style');
style.id = 'tamper-style';
style.textContent = css;
document.head.appendChild(style);
}
};
applyStyle();
const observer = new MutationObserver(() => applyStyle());
observer.observe(document.documentElement, { childList: true, subtree: true });
})();



