Fix torrent info tables (#782)
* Fix torrent info tables * Fix torrent info tables * Update view.html * Update main.js * Update view.html * Update view.html * Update view.html * Update main.css * Update main.css * Update view.html * Update main.css
Cette révision appartient à :
Parent
78255d1b96
révision
f338cab4fe
3 fichiers modifiés avec 12 ajouts et 10 suppressions
|
@ -221,7 +221,6 @@ select.form-input {
|
|||
.results { padding: 0 }
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse:collapse;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
@ -376,7 +375,7 @@ a:hover { color: #238BC7; }
|
|||
|
||||
.form-input { border-color: #BBC9CF !important; background: #fafafa; color: #666; }
|
||||
|
||||
.form-input.btn:hover { background: rgba(192,192,192,0.2); }
|
||||
.btn:hover, .up-btn:hover { background: rgba(192,192,192,0.2); }
|
||||
|
||||
.form-input:focus { box-shadow: 0 0 5px #fff; }
|
||||
|
||||
|
@ -589,6 +588,9 @@ input#show-filelist:checked ~ #filelist {
|
|||
#filelist tr {
|
||||
background: none; /* Striped lines will look really ugly due to how it's drawn */
|
||||
}
|
||||
.table-filelist {
|
||||
width: 100%;
|
||||
}
|
||||
.tr-filelist {
|
||||
--nest-level: 0;
|
||||
}
|
||||
|
@ -610,7 +612,7 @@ input#show-filelist:checked ~ #filelist {
|
|||
}
|
||||
/* Filesize column */
|
||||
.tr-filelist td:nth-child(2) {
|
||||
width: 30%;
|
||||
width: 20%;
|
||||
text-align: center;
|
||||
}
|
||||
/* Input that show/hides each folder */
|
||||
|
|
|
@ -21,7 +21,7 @@ function toggleLayer(elem) {
|
|||
|
||||
// Date formatting
|
||||
var lang = document.getElementsByTagName("html")[0].getAttribute("lang");
|
||||
var ymdOpt = { year: "numeric", month: "2-digit", day: "2-digit" };
|
||||
var ymdOpt = { year: "numeric", month: "short", day: "numeric" };
|
||||
var hmOpt = { hour: "numeric", minute: "numeric" };
|
||||
|
||||
var list = document.getElementsByClassName("date-short");
|
||||
|
|
|
@ -43,15 +43,15 @@
|
|||
<table>
|
||||
<tr class="torrent-info-row">
|
||||
<td class="torrent-info-td torrent-info-label">{{ call $.T "category" }}:</td><td class="torrent-info-td torrent-info-data" style="padding:0"><a href="{{$.URL.Parse (printf "/search?c=%s_%s" .Category .SubCategory) }}">{{ if Sukebei}}{{ call $.T (CategoryName .Category .SubCategory) }}{{else}}{{ call $.T (CategoryName .Category .SubCategory) }}{{end}}</a> <br></td>
|
||||
<td class="torrent-info-td torrent-info-label">{{ call $.T "date" }}:</td><td class="torrent-info-td date-short">{{.Date}}</td>
|
||||
<td class="torrent-info-td torrent-info-label">{{ call $.T "date" }}:</td><td class="torrent-info-td date-full">{{.Date}}</td>
|
||||
</tr>
|
||||
<tr class="torrent-info-row">
|
||||
<td class="torrent-info-td torrent-info-label">{{ call $.T "uploaded_by" }}:</td><td class="torrent-view-td torrent-info-data"><a href="{{ genRoute "user_profile" "id" ( print .UploaderID ) "username" (print .UploaderName) }}">{{.UploaderName}}</a></td>
|
||||
<td class="torrent-info-td torrent-info-label">{{call $.T "seeders"}}:</td><td class="torrent-info-td">{{if .LastScrape.IsZero}}{{call $.T "unknown"}}{{else}}{{.Seeders}}{{end}}</td>
|
||||
<td class="torrent-info-td torrent-info-label">{{call $.T "seeders"}}:</td><td class="tr-se torrent-info-td">{{if .LastScrape.IsZero}}{{call $.T "unknown"}}{{else}}{{.Seeders}}{{end}}</td>
|
||||
</tr>
|
||||
<tr class="torrent-info-row">
|
||||
<td class="torrent-info-td torrent-info-label">{{ call $.T "website_link" }}:</td><td class="torrent-view-td torrent-info-data">{{if ne .WebsiteLink ""}}<a href="{{.WebsiteLink}}">{{.WebsiteLink}}</a>{{else}}<a href="//nyaa.pantsu.cat">nyaa.pantsu.cat{{end}}</td>
|
||||
<td class="torrent-info-td torrent-info-label">{{call $.T "leechers"}}:</td><td class="torrent-info-td">{{if .LastScrape.IsZero}}{{call $.T "unknown"}}{{else}}{{.Leechers}}{{end}}</td>
|
||||
<td class="torrent-info-td torrent-info-label">{{call $.T "leechers"}}:</td><td class="tr-le torrent-info-td">{{if .LastScrape.IsZero}}{{call $.T "unknown"}}{{else}}{{.Leechers}}{{end}}</td>
|
||||
</tr>
|
||||
<tr class="torrent-info-row">
|
||||
<td class="torrent-info-td torrent-info-label">{{call $.T "hash"}}:</td><td style="font-family: monospace;" class="torrent-view-td torrent-info-data">{{.Hash}}</td>
|
||||
|
@ -59,7 +59,7 @@
|
|||
</tr>
|
||||
<tr class="torrent-info-row">
|
||||
<td class="torrent-info-td torrent-info-label">{{call $.T "size"}}:</td><td class="torrent-view-td torrent-info-data">{{ fileSize .Filesize $.T }}</td>
|
||||
<td class="torrent-info-td torrent-info-label">{{call $.T "last_scraped"}}</td><td class="torrent-info-td">{{if not .LastScrape.IsZero}}{{formatDateRFC .LastScrape}}{{else}}{{call $.T "unknown"}}{{end}}</td>
|
||||
<td class="torrent-info-td torrent-info-label">{{call $.T "last_scraped"}}</td><td class="torrent-info-td{{if not .LastScrape.IsZero}} date-full">{{formatDateRFC .LastScrape}}{{else}}">{{call $.T "unknown"}}{{end}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="torrent-buttons">
|
||||
|
@ -97,9 +97,9 @@
|
|||
<div class="torrent-info-box" id="filelist">
|
||||
{{ if gt (len .FileList) 0 }}
|
||||
{{/* how do i concat lol */}}
|
||||
<table>
|
||||
<table class="table-filelist">
|
||||
<thead>
|
||||
<th style="width: 70%">{{call $.T "filename"}}</th>
|
||||
<th style="width: 80%">{{call $.T "filename"}}</th>
|
||||
<th>{{call $.T "size"}}</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
|
Référencer dans un nouveau ticket