YouTube Comment Thread CSS のソースコード

YouTube Comment Thread CSS

A new userstyle
右端で折り返す
/* ==UserStyle==
@name           YouTube Comment Thread CSS
@namespace      github.com/openstyles/stylus
@version        0.0.1
@description    A new userstyle
@author         Me
@license MIT
==/UserStyle== */
@-moz-document domain("youtube.com") {
    /* Insert code here... */
    ytd-comments#comments {
        ytd-comment-view-model[class][comment-threading-enabled] #author-thumbnail.ytd-comment-view-model {
            position: absolute;
            margin-left: 0;
            margin-right: 0;
            width: 26px;
            height: 26px;
            display: flex;
        }

        ytd-comment-view-model[class][comment-threading-enabled] #author-thumbnail.ytd-comment-view-model + * {
            margin-left: 36px;
        }

        ytd-comment-view-model[class][comment-threading-enabled] #author-thumbnail.ytd-comment-view-model * {
            max-height: 100%;
            max-width: 100%;
        }

        div.ytSubThreadThreadline[class] {
            position: absolute;
            display: none;
        }

        div.thread-hitbox.ytd-comment-thread-renderer[class] {
            position: absolute;
            width: 18px;
            border-left: 1px solid #3f3f3f;
            border-bottom: 1px solid #3f3f3f;
            border-radius: 0px 0 0 6px;
            margin-left: 12px;
            top: 32px;
            height: auto;
            bottom: 16px;
            box-sizing: border-box;
        }

        yt-sub-thread.ytSubThreadHost[class] {
            padding-left: 24px;
            box-sizing: border-box;
        }
    }
}