☰

Youtube Small Thumbnails

small thumbnails for youtube

  1. // ==UserScript==
  2. // @name        Youtube Small Thumbnails
  3. // @namespace   https://greatest.deepsurf.us/users/821661
  4. // @match       https://www.youtube.com/*
  5. // @description small thumbnails for youtube
  6. // @version     1.2
  7. // @author      hdyzen
  8. // @license     MIT
  9. // @grant       GM_addStyle
  10. // ==/UserScript==
  11.  
  12. (function () {
  13.     "use strict";
  14.     GM_addStyle(`
  15.         ytd-rich-grid-renderer {
  16.             --ytd-rich-grid-items-per-row: 6 !important;
  17.             --ytd-rich-grid-posts-per-row: 6 !important;
  18.             --ytd-rich-grid-slim-items-per-row: 6 !important;
  19.         }
  20.  
  21.         ytd-rich-grid-renderer > #contents > ytd-rich-grid-row,
  22.         ytd-rich-grid-renderer > #contents > ytd-rich-grid-row > #contents {
  23.             display: contents !important;
  24.         }
  25.  
  26.         ytd-rich-item-renderer {
  27.             min-width: 210px !important;
  28.         }
  29.  
  30.         #avatar-link {
  31.             display: none !important;
  32.         }
  33.  
  34.         #video-title {
  35.             font-size: 1.4rem !important;
  36.         }
  37.  
  38.         #channel-name.ytd-video-meta-block {
  39.             font-size: 1.3rem !important;
  40.         }
  41.  
  42.         #metadata-line {
  43.             font-size: 1.3rem !important;
  44.         }
  45.  
  46.         .ytd-video-renderer:not([use-prominent-thumbs]) ytd-thumbnail.ytd-video-renderer {
  47.             flex: none !important;
  48.             width: 246px !important;
  49.             height: 138px !important;
  50.         }
  51.  
  52.         ytd-playlist-renderer[use-prominent-thumbs] ytd-playlist-thumbnail.ytd-playlist-renderer {
  53.             max-width: 246px !important;
  54.             min-width: 240px !important;
  55.         }
  56.  
  57.         ytd-radio-renderer[use-prominent-thumbs] ytd-thumbnail.ytd-radio-renderer {
  58.             max-width: 246px !important;
  59.             min-width: 240px !important;
  60.         }
  61.         ytd-thumbnail.ytd-radio-renderer, ytd-playlist-thumbnail.ytd-radio-renderer {
  62. 		    max-width: 246px !important;
  63. 		    min-width: 240px !important;
  64. 	    }
  65.     `);
  66. })();