Update post view to show OPs with red bars on the left

Signed-off-by: Alek Ratzloff <alekratz@gmail.com>
This commit is contained in:
2023-08-13 21:48:38 -07:00
parent 0f97d2c577
commit 44e28c2e44
2 changed files with 53 additions and 28 deletions

View File

@@ -41,7 +41,9 @@
{% for post in posts %}
<tr class="constructed-post">
<td align="left">
<div class="post reply {% if post['nsfw'] %}nws{% else %}ws{% endif %}">
<div class="post-container">
<div class="post-left{% if post['op'] %}-op{%endif %}"></div>
<div class="post post-right reply{% if post['nsfw'] %} nws{% else %} ws{% endif %}">
<div class="post-info">
<input type="checkbox" disabled>
<span class="board"><a href="?board={{post['board']}}">/{{post['board']}}/</a></span>
@@ -72,6 +74,7 @@
{{post['com']|safe}}
</blockquote>
</div>
</div>
</td>
<td>{{post['action']}}</td>
<td>{{post['length']}}</td>

View File

@@ -42,6 +42,28 @@ header {
font-size: large;
}
.post-container {
height: 100%;
width: 100%;
display: table;
}
.post-left {
display: table-cell;
width: 5px;
}
.post-left-op {
display: table-cell;
width: 5px;
background-color: #f00;
}
.post-right {
display: table-cell;
padding-left: 10px;
}
table {
border-top: 1px solid black;
border-left: 1px solid black;