tanner/qotnews
1
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

fix: Refactor comments with DL/DD for text browser compatibility

Browse Source 
Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
This commit is contained in:
Tanner Collin
2025-12-05 00:45:00 +00:00
parent 655346a7eb
commit 2bd51bb1cb
2 changed files with 24 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
webclient/public/index.html
View File

@@ -78,21 +78,25 @@
<div class="story-text">{{ story.text | safe }}</div> <div class="story-text">{{ story.text | safe }}</div>
{% elif show_comments %} {% elif show_comments %}
{% macro render_comment(comment, level) %} {% macro render_comment(comment, level) %}
<div class="comment{% if level > 0 %} lined{% endif %}"> <dt class="info">
<div class="info"> <p>
<p> {% if comment.author == story.author %}[OP] {% endif %}{{ comment.author or '[Deleted]' }} | <a href="#{{ comment.author }}{{ comment.date }}" id="{{ comment.author }}{{ comment.date }}">{{ comment.date | fromnow }}</a>
{% if comment.author == story.author %}[OP] {% endif %}{{ comment.author or '[Deleted]' }} | <a href="#{{ comment.author }}{{ comment.date }}" id="{{ comment.author }}{{ comment.date }}">{{ comment.date | fromnow }}</a> </p>
</p> </dt>
</div> <dd class="comment{% if level > 0 %} lined{% endif %}">
<div class="text">{{ (comment.text | safe) if comment.text else '<p>[Empty / deleted comment]</p>' }}</div> <div class="text">{{ (comment.text | safe) if comment.text else '<p>[Empty / deleted comment]</p>' }}</div>
{% for reply in comment.comments %} {% if comment.comments %}
{{ render_comment(reply, level + 1) }} <dl>
{% endfor %} {% for reply in comment.comments %}
</div> {{ render_comment(reply, level + 1) }}
{% endfor %}
</dl>
{% endif %}
</dd>
{% endmacro %} {% endmacro %}
<div class="comments"> <dl class="comments">
{% for comment in story.comments %}{{ render_comment(comment, 0) }}{% endfor %} {% for comment in story.comments %}{{ render_comment(comment, 0) }}{% endfor %}
</div> </dl>
{% endif %} {% endif %}
</div> </div>
<div class='dot toggleDot'> <div class='dot toggleDot'>

8
webclient/src/Style-light.css
View File

@@ -189,6 +189,14 @@ span.source {
.comments { .comments {
margin-left: -1.25rem; margin-left: -1.25rem;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
.comments dl, .comments dd {
margin: 0;
padding: 0;
} }
.comment { .comment {