YouTube Comment Thread CSS

A new userstyle

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

/* ==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;
        }
    }
}