Albirew/nyaa-pantsu
Albirew/nyaa-pantsu
Archivé
1
0
Bifurcation 0
Code Activité

Merge pull request #380 from aerojun/master

Parcourir la source 
New comment style (WIP)
Cette révision appartient à :
PantsuDev 2017-05-14 22:44:24 +10:00 révisé par GitHub
révision aed9ed968d
4 fichiers modifiés avec 250 ajouts et 114 suppressions
Voir les statistiques Télécharger le patch en tant que fichier Télécharger le fichier diff Développer tous les fichiers Réduire tous les fichiers

13
public/css/style-night.css
Voir le fichier

@ -103,7 +103,7 @@ a:hover {
}
:target {
background-color: #585b4f;
background-color: #b294bb;
}
/* style the dropdown member menu */
@ -149,3 +149,14 @@ a:hover {
background: #29363d;
color: #cf9fff;
}
/*Comments*/
.commentList .commentData {
color: #fff;
}
.commentList .commentBody {
background: #29363d;
color: #fff;
}

97
public/css/style.css
Voir le fichier

@ -403,3 +403,100 @@ select#bottom_language_selector {
background: white;
color: #cf9fff;
}
/* Wordbreak fix*/
.break {
word-break:break-all;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
/*Comments*/
.commentList::before,
.commentList::after {
content: "";
display: table;
clear: both;
}
.commentList ul {
list-style-type: none;
padding: 0;
}
.commentList img {
opacity: 1;
filter: Alpha(opacity=100);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.commentList img.avatar {
position: relative;
float: left;
margin-left: 0;
margin-top: 0;
width: 65px;
height: 65px;
}
.commentList .commentBody {
border: 1px solid #eee;
margin-bottom: 20px;
margin-left: 85px;
margin-right: 0px;
padding: 10px 20px;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
background: #fff;
color: #6b6e80;
position: relative;
}
.commentList .commentData {
font-size: 13px;
color: #aaaaaa;
padding-bottom: 8px;
margin-bottom: 10px !important;
border-bottom: 1px solid #eee;
height: 2.5em;
}
.commentList ul.comments ul{
list-style-type: none;
padding: 0;
margin-left: 85px;
}
.commentList h3 {
margin-bottom: 40px;
font-size: 26px;
line-height: 30px;
font-weight: 800;
}
.comment {
margin: 1em;
padding: 1em;
width: 75%;
margin-left: 12%;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.comment {
width: 100%;
margin-left: 0;
}
}

6
public/js/main.js
Voir le fichier

@ -48,6 +48,12 @@ for(var i in list) {
e.innerText = date.toDateString() + " " + date.toLocaleTimeString();
}
/*Fixed-Navbar offset fix*/
window.onload = function() {
var shiftWindow = function() { scrollBy(0, -70) };
if (location.hash) shiftWindow();
window.addEventListener("hashchange", shiftWindow);
};
function loadLanguages() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {

46
templates/view.html
Voir le fichier

@ -7,7 +7,7 @@
<div class="content" style="margin-bottom: 2em;">
<div class="row">
<div class="col-md-12">
<h3 style="word-break:break-all" {{if eq .Status 2}}class="remake" {{end}} {{if eq .Status 3}}class="trusted" {{end}} {{if eq .Status 4}}class="aplus"{{end}}>{{.Name}}</h3>
<h3 class="break" {{if eq .Status 2}}class="remake" {{end}} {{if eq .Status 3}}class="trusted" {{end}} {{if eq .Status 4}}class="aplus"{{end}}>{{.Name}}</h3>
</div>
</div>
<div class="row">
@ -32,7 +32,6 @@
<a style="margin: 5px;" aria-label="Report button" data-toggle="modal" data-target="#reportModal" class="btn btn-danger btn-sm">
<span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Report!
</a>
{{ if HasAdmin $.User}}
<a href="{{ genRoute "mod_tdelete" }}?id={{ .ID }}" class="btn btn-danger btn-lg" onclick="if (!confirm('Are you sure?')) return false;"><i class="glyphicon glyphicon-trash"></i></a>
<a href="{{ genRoute "mod_tedit" }}?id={{ .ID }}" class="btn btn-warning btn-lg"><i class="glyphicon glyphicon-pencil"></i></a>
@ -42,13 +41,13 @@
</div>
<div class="col-md-12">
<h4>{{T "description"}}</h4>
<div style="word-break:break-all;">{{.Description}}</div>
<div class="break">{{.Description}}</div>
</div>
</div>
</div>
<div class="col-md-4">
<h4>{{T "hash"}}</h4>
<p class="torrent-hash">{{.Hash}}</p>
<p class="torrent-hash break">{{.Hash}}</p>
<hr>
<h4>{{T "date"}}</h4>
<p class="date-full">{{.Date}}</p>
@ -82,29 +81,52 @@
</div>
<div class="row" id="comments">
<div class="col-md-12">
<div class="commentList">
<h4>{{T "comments"}}</h4>
<hr/>
<ul class="comments">
{{ range $index, $element := .Comments }}
<div class="row comment-row" id="comment_{{$index}}">
<div class="col-md-2">
<li class="clearfix comment jumptarget" id="comment_{{$index}}">
{{/* The following line is wrong. Should be using the MD5 User hash but i don't knwo how to access it. */}}
{{/* Changing Gravatar for something else, so it can stay like this. */}}
<img src="https://www.gravatar.com/avatar/{{ .UserID }}?s=50" class="avatar" alt="">
<div class="commentBody">
<div class="commentData">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-sm-9">
{{if eq .UserID -1}}
<a href="#comment_{{$index}}">{{$index}}</a>
{{.Username}}
<a href="#comment_{{$index}}">#{{$index}}</a> by {{.Username}}
{{else}}
<a href="#comment_{{$index}}">{{$index}}</a>
<a href="{{$.URL.Parse (printf "/user/%d/-" .UserID ) }}">{{.Username}}</a>
<a href="#comment_{{$index}}">#{{$index}}</a>
by <span class="break"><a href="{{$.URL.Parse (printf "/user/%d/-" .UserID ) }}">{{.Username}}</a></span>
{{end}}
</div>
<div class="col-md-1 date-short comment-date">
<div class="col-sm-3">
<i class="pull-right date-short comment-date">
<small>
{{ .Date.Format ( Ts "date_format" ) }}
{{/* output: "2017-05-01 15:30"
Went with "Year-Month-Day" because it's the most unambiguous.
If you want it to be determined by where you're from, be my guest. */}}
</small>
</i>
</div>
<div class="col-md-8">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
{{.Content}}
</div>
</div>
</div>
</li>
{{end}}
</ul>
</div>
</div>
</div>
</div>