dominic/cwr
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

updating mobile threads

Browse source
This commit is contained in:
Dominic DiTaranto 2026-04-22 22:08:47 -04:00
parent 1881241b6d
commit 962f8bc8fb
2 changed files with 67 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
web/templates/base.html
View file

@ -133,7 +133,6 @@
text-align: left;
padding: 8px;
word-wrap: break-word;
word-break: break-all;
}
.hide {
@ -186,7 +185,25 @@
clear: both;
}
.standard-table {
display: block;
}
.mobile-table {
display: none;
}
@media only screen and (max-width: 1000px) {
.standard-table {
display: none;
}
.mobile-table {
display: table;
}
.container {
width: 95%;
}

71
web/templates/thread.html
View file

@ -32,28 +32,55 @@
<div style="clear:both;"></div>
<h2>{{ thread_category }} > {{ thread_name }}</h2>
<table class="row-spacing">
<colgroup>
<col span="1" style="width: 15%;">
<col span="1" style="width: 70%;">
</colgroup>
{% for post in posts %}
<tr>
<td style="border-right: 0px; text-align: center;">
<small>
<a href="{% url 'user' post.created_by.id %}"><b>{{ post.created_by }}</b></a> {% if post.created_by.flair %}({{ post.created_by.flair }}) {% endif %}<br>
<img src="{{ post.created_by.avatar }}" alt="" class="avatar" style="margin-top: 5px;"><br>
joined {{ post.created_by.date_joined|naturaltime }}
</small>
</td>
<td style='vertical-align: top; border-left: 0px;'>
<small style="color:grey;">{{ post.created_at|naturaltime }}</small>
<hr>
{{ post.content|safe }}
</td>
</tr>
{% endfor %}
</table>
<!-- STANDARD-TABLE -->
<table class="row-spacing standard-table" style="width:100%; table-layout: fixed;">
<colgroup>
<col span="1" style="width: 15%;">
<col span="1" style="width: 70%;">
</colgroup>
{% for post in posts %}
<tr>
<td style="border-right: 0px; text-align: center;">
<small>
<a href="{% url 'user' post.created_by.id %}"><b>{{ post.created_by }}</b></a> {% if post.created_by.flair %}({{ post.created_by.flair }}) {% endif %}<br>
<img src="{{ post.created_by.avatar }}" alt="" class="avatar" style="margin-top: 5px;"><br>
joined {{ post.created_by.date_joined|naturaltime }}
</small>
</td>
<td style='vertical-align: top; border-left: 0px;'>
<small style="color:grey;">{{ post.created_at|naturaltime }}</small>
<hr>
{{ post.content|safe }}
</td>
</tr>
{% endfor %}
</table>
<!-- MOBILE-TABLE -->
<table class="row-spacing mobile-table" style="width: 100%; min-width:100%;">
{% for post in posts %}
<tr>
<td style='vertical-align: top; overflow-wrap: anywhere; width: 100%;'>
<small style="color: grey;">
<div class="clearfix">
<div style="float:left; margin-right: 10px;">
<img src="{{ post.created_by.avatar }}" alt="" class="avatar" style="margin-top: 2px; width: 40px; height:auto;">
</div>
<div>
<a href="{% url 'user' post.created_by.id %}"><b>{{ post.created_by }}</b></a> {% if post.created_by.flair %}({{ post.created_by.flair }}) {% endif %} <br>
{{ post.created_at|naturaltime }}
</div>
</div>
</small>
<hr style="margin-top: -7px;">
{{ post.content|safe }}
</td>
</tr>
{% endfor %}
</table>
<br>
<div style="width: 100%;">