a3x/nyaa
1
0
Fork 0
mirror of https://gitlab.com/SIGBUS/nyaa.git synced 2025-01-25 00:35:12 +00:00
Code Issues Projects Releases Wiki Activity

Don't use responsive table on reports list

Browse source 
The responsive table actually does *worse* in narrow layouts because
the action column fucks off out of view and needs to be scrolled to
if the report reason is long. With a normal table you may not get
consistent row heights, but at least you don't have to horizontally
scroll to perform an action.

Also fixed a goof where I used a style attribute instead of making
the max-width for the action column a class.
This commit is contained in:
Nicolas F 2017-06-27 16:07:10 +02:00
parent 25535e9cb9
commit fdb041c23b
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
nyaa/static/css/main.css
View file

@ -415,3 +415,7 @@ h6:hover .header-anchor {
table.table > tbody > tr.reports-row > td { table.table > tbody > tr.reports-row > td {
vertical-align: middle; vertical-align: middle;
} }
td.report-action-column {
min-width: 150px;
}

4
nyaa/templates/reports.html
View file

@ -2,7 +2,7 @@
{% block title %}Reports :: {{ config.SITE_NAME }}{% endblock %} {% block title %}Reports :: {{ config.SITE_NAME }}{% endblock %}
{% block body %} {% block body %}
{% from "_formhelpers.html" import render_field %} {% from "_formhelpers.html" import render_field %}
<div class="table-responsive"> <div class="table">
<table class="table table-bordered table-hover table-striped table-condensed"> <table class="table table-bordered table-hover table-striped table-condensed">
<thead> <thead>
<tr> <tr>
@ -37,7 +37,7 @@
</td> </td>
<td>{{ report.reason }}</td> <td>{{ report.reason }}</td>
<td>{{ report.created_time }}</td> <td>{{ report.created_time }}</td>
<td style="min-width: 150px"> <td class="report-action-column">
<form method="post"> <form method="post">
{{ report_action.csrf_token }} {{ report_action.csrf_token }}
{{ report_action.torrent(value=report.torrent.id) }} {{ report_action.torrent(value=report.torrent.id) }}