Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2025-11-12 00:45:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

minor CSS fixes to post timeago text in topic view

Browse Source
This commit is contained in:
Julian Lam
2013-09-19 16:38:04 -04:00
parent 29c17fd32e
commit c8b5d1561e
3 changed files with 21 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/src/forum/category.js
View File

@@ -91,7 +91,7 @@
'<p>' + '<p>' +
posts[i].content + posts[i].content +
'</p>' + '</p>' +
'<span><strong>' + posts[i].username + '</strong></span> -<span class="timeago" title="' + posts[i].relativeTime + '"></span>' + '<p class="meta"><strong>' + posts[i].username + '</strong></span> -<span class="timeago" title="' + posts[i].relativeTime + '"></span></p>' +
'</a>'; '</a>';
frag.appendChild(li.cloneNode(true)); frag.appendChild(li.cloneNode(true));

4
public/templates/category.tpl
View File

@@ -36,7 +36,9 @@
<div class="pull-right"> <div class="pull-right">
<img class="img-rounded" style="width: 48px; height: 48px; /*temporary*/" src="{topics.teaser_userpicture}" /> <img class="img-rounded" style="width: 48px; height: 48px; /*temporary*/" src="{topics.teaser_userpicture}" />
<p>{topics.teaser_text}</p> <p>{topics.teaser_text}</p>
<span><strong>{topics.teaser_username}</strong> posted</span><span class="timeago" title="{topics.teaser_timestamp}"></span> <p class="meta">
<strong>{topics.teaser_username}</strong> posted <span class="timeago" title="{topics.teaser_timestamp}"></span>
</p>
</div> </div>
</div> </div>
<div> <div>

17
public/themes/vanilla/category.less
View File

@@ -27,6 +27,12 @@
margin-left: -25px; margin-left: -25px;
} }
.meta {
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.topic-row { .topic-row {
@@ -92,22 +98,13 @@
display: block; display: block;
float: left; float: left;
} }
p { p {
display: block; display: block;
float: left; float: left;
width: 70%; width: 70%;
margin-left: 10px; margin-left: 10px;
overflow: hidden; overflow: hidden;
height: 32px;
}
span {
display: block;
float: left;
margin-left: 10px;
overflow: hidden;
height: 16px;
margin-top: -10px;
color: #666;
} }
} }
} }