rDrama
/
rDrama
9
10
Fork 7
Code Issues Pull Requests Packages Releases Wiki Activity

comment-collapse-desktop > comment-collapse-line

pull/216/head
Aevann 2023-10-14 01:00:35 +03:00
parent 8d81b53857
commit be9e8f558d
5 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
files/assets/css/main.css
View File

@ -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;
}

2
files/assets/css/themes/4chan.css
View File

@ -100,7 +100,7 @@ blockquote a {
color: navy;
}
.comment-collapse-desktop {
.comment-collapse-line {
border-color: maroon !important;
border-width: 1px !important;
}

2
files/assets/css/themes/dramblr.css
View File

@ -30,7 +30,7 @@ p, blockquote {
color: var(--gray-200)
}
.comment-collapse-desktop {
.comment-collapse-line {
border-color: var(--gray-400) !important
}

2
files/assets/js/fix_collapse_lines.js
View File

@ -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)

4
files/templates/comments.html
View File

@ -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) %}
<div id="comment-{{c.id}}" class="comment {% if not (v and v.id == author_id) and not (v and v.admin_level) and not comment_info %}collapsed{% endif %}">
<span class="comment-collapse-desktop" style="border-color: #{{c.author.name_color}}" data-nonce="{{g.nonce}}" data-onclick="collapse_comment('{{c.id}}')"></span>
<span class="comment-collapse-line" style="border-color: #{{c.author.name_color}}" data-nonce="{{g.nonce}}" data-onclick="collapse_comment('{{c.id}}')"></span>
<div class="comment-body">
<div id="comment-{{c.id}}-only" class="comment-{{c.id}}-only">
<div class="user-info">
@ -106,7 +106,7 @@
<div id="comment-{{c.id}}" class="anchor comment {% if wall and level == 1 and not (comment_info and c == comment_info) %}mt-5{% elif wall %}mt-4{% elif standalone and level==1 %}mt-0{% endif %} {% if collapse or c.collapse_for_user(v, comment_info, request.full_path) %}collapsed{% endif %}" style="{% if isreply %}padding-left:0!important{% endif %}">
{% if not isreply %}
<span class="comment-collapse-desktop" style="border-color: {% if c.ghost %}var(--primary){% else %}#{{c.author.name_color}}{% endif %}" data-nonce="{{g.nonce}}" data-onclick="collapse_comment('{{c.id}}')"></span>
<span class="comment-collapse-line" style="border-color: {% if c.ghost %}var(--primary){% else %}#{{c.author.name_color}}{% endif %}" data-nonce="{{g.nonce}}" data-onclick="collapse_comment('{{c.id}}')"></span>
{% endif %}
<div class="comment-body">