show date in theater mode of youtube

show date in theater mode of youtube. shrink the size of the div which contain the youtuber and like button, etc.

目前為 2023-01-02 提交的版本，檢視最新版本。

安裝腳本 ?

換行

// ==UserScript==
// @name         show date in theater mode of youtube
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  show date in theater mode of youtube. shrink the size of the div which contain the youtuber and like button, etc.
// @author       You
// @match        *://*.youtube.com/*
// @grant        none
 // @license MIT
// ==/UserScript==
(function() {
    'use strict';
console.log('fix youtube caption position begin excuting');
let descriptionInner= "#description-inner";
let infoIcontainer= "#info-container";
let topRow = "#top-row";

const divHeight = 'height: 36px !important;';
const divMargin = 'border: 0px !important;';

const intervalID = setInterval(checkContainer, 500);
function checkContainer(){
    if(document.querySelector(infoIcontainer)!=null){
        console.log("container loaded");
        clearInterval(intervalID);
        console.log("interval cleared.");
        shrinkDiv();
    }
}

function shrinkDiv(){
                let styleTag = document.createElement('style');
                let newDescriptionInner = descriptionInner + "{" +
                                                      divMargin +

                                                  "}";

                let newInfoIcontainer = infoIcontainer + "{" +
                                                      divMargin +
                                                  "}";
                let newTopRow = topRow + "{" +
                                                      divMargin +
                                                      divHeight +
                                                  "}";

                styleTag.innerHTML = newDescriptionInner + newInfoIcontainer + newTopRow;
                document.head.appendChild(styleTag);
}

})();