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

71
web/templates/thread.html
View file

@ -32,28 +32,55 @@
<div style="clear:both;"></div> <div style="clear:both;"></div>
<h2>{{ thread_category }} > {{ thread_name }}</h2> <h2>{{ thread_category }} > {{ thread_name }}</h2>
<table class="row-spacing"> <!-- STANDARD-TABLE -->
<colgroup>
<col span="1" style="width: 15%;"> <table class="row-spacing standard-table" style="width:100%; table-layout: fixed;">
<col span="1" style="width: 70%;"> <colgroup>
</colgroup> <col span="1" style="width: 15%;">
{% for post in posts %} <col span="1" style="width: 70%;">
<tr> </colgroup>
<td style="border-right: 0px; text-align: center;"> {% for post in posts %}
<small> <tr>
<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> <td style="border-right: 0px; text-align: center;">
<img src="{{ post.created_by.avatar }}" alt="" class="avatar" style="margin-top: 5px;"><br> <small>
joined {{ post.created_by.date_joined|naturaltime }} <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>
</small> <img src="{{ post.created_by.avatar }}" alt="" class="avatar" style="margin-top: 5px;"><br>
</td> joined {{ post.created_by.date_joined|naturaltime }}
<td style='vertical-align: top; border-left: 0px;'> </small>
<small style="color:grey;">{{ post.created_at|naturaltime }}</small> </td>
<hr> <td style='vertical-align: top; border-left: 0px;'>
{{ post.content|safe }} <small style="color:grey;">{{ post.created_at|naturaltime }}</small>
</td> <hr>
</tr> {{ post.content|safe }}
{% endfor %} </td>
</table> </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> <br>
<div style="width: 100%;"> <div style="width: 100%;">