Function injectCSS

youtube-dynamic-grid/youtube-dynamic-grid.user.js:483–499

* Injects or updates the CSS style element for the grid.

()

         * Injects or updates the CSS style element for the grid.
         */
        injectCSS() {
            if (isPlaylistPage()) {
                logger('Skipping CSS injection on playlist page')
                this.removeCSS()
                return
            }
            let style = document.getElementById('dynamic-grid-style')
            if (!style) {
                style = document.createElement('style')
                style.id = 'dynamic-grid-style'
                const nonce = document.querySelector('meta[name="csp-nonce"]')?.content
                if (nonce) style.nonce = nonce
                document.head.appendChild(style)
                logger('Injected CSS style element', 'debug')
            }
            this.updateCSS(this.calculateItemsPerRow())
        },

        /**
         * Updates the CSS rule for the specified number of items per row.