diff --git a/files/assets/css/main.css b/files/assets/css/main.css index a965906ff..167ce8691 100644 --- a/files/assets/css/main.css +++ b/files/assets/css/main.css @@ -5105,10 +5105,10 @@ span.green { padding-left: 0 !important; } } -.comment .comment-collapse-desktop:hover { +.comment .comment-collapse-line:hover { border-left-color: var(--white) !important; } -.comment.collapsed .comment-collapse-desktop:hover { +.comment.collapsed .comment-collapse-line:hover { color: var(--white) !important; } @media (max-width: 768px) { @@ -7224,12 +7224,12 @@ input::-webkit-inner-spin-button { display: inline-block; } -.comment .comment-collapse-desktop { +.comment .comment-collapse-line { padding-right: 20px; cursor: pointer; } @media (max-width: 768px) { - .comment .comment-collapse-desktop { + .comment .comment-collapse-line { padding-right: 10px; } blockquote { @@ -7470,7 +7470,7 @@ bdi { font-size: 16px; } -.comment-collapse-desktop { +.comment-collapse-line { border-left: 2px solid; } diff --git a/files/assets/css/themes/4chan.css b/files/assets/css/themes/4chan.css index 4c749b734..d6d17c235 100644 --- a/files/assets/css/themes/4chan.css +++ b/files/assets/css/themes/4chan.css @@ -100,7 +100,7 @@ blockquote a { color: navy; } -.comment-collapse-desktop { +.comment-collapse-line { border-color: maroon !important; border-width: 1px !important; } diff --git a/files/assets/css/themes/dramblr.css b/files/assets/css/themes/dramblr.css index 351563659..b7592d245 100644 --- a/files/assets/css/themes/dramblr.css +++ b/files/assets/css/themes/dramblr.css @@ -30,7 +30,7 @@ p, blockquote { color: var(--gray-200) } -.comment-collapse-desktop { +.comment-collapse-line { border-color: var(--gray-400) !important } diff --git a/files/assets/js/fix_collapse_lines.js b/files/assets/js/fix_collapse_lines.js index f22cd4e73..014dd4147 100644 --- a/files/assets/js/fix_collapse_lines.js +++ b/files/assets/js/fix_collapse_lines.js @@ -15,7 +15,7 @@ function toRGBArray(rgbStr) { const background_color = toRGBArray(getComputedStyle(document.documentElement).getPropertyValue('--background')); -for (const line of document.getElementsByClassName('comment-collapse-desktop')) { +for (const line of document.getElementsByClassName('comment-collapse-line')) { if (line.style.borderColor == 'var(--primary)') continue const line_color = toRGBArray(line.style.borderColor) diff --git a/files/templates/comments.html b/files/templates/comments.html index ce964230a..ce184096e 100644 --- a/files/templates/comments.html +++ b/files/templates/comments.html @@ -25,7 +25,7 @@ {% if (c.is_banned or c.deleted_utc) and not (v and v.admin_level >= PERMS['POST_COMMENT_MODERATION']) and not (v and v.id==c.author_id) %}
- +