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

added rss button to topics. redesigned how the topic main_post looks - buttons were previously not visible on mobile as well.

Browse Source
This commit is contained in:
psychobunny
2013-06-04 14:27:09 -04:00
parent d4e4d17c5c
commit d620c29aa9
3 changed files with 37 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
public/css/style.less
View File

@@ -427,25 +427,15 @@ footer.footer {
margin: 0;
.topic-title {
width: 60%;
width: auto;
white-space: nowrap;
text-overflow:ellipsis;
overflow: hidden;
display: inline-block;
margin: 0;
padding: 0;
padding-top: 5px;
margin-bottom: -5px;
@media (max-width: 1200px) {
width: 500px;
}
@media (min-width: 768px) and (max-width: 979px) {
width: 320px;
}
@media (max-width: 767px) {
width: 75%;
}
padding-bottom: 5px;
}
}
@@ -457,11 +447,8 @@ footer.footer {
margin-bottom: 0px;
padding-bottom: 0px;
text-align: center;
@media (max-width: 767px) {
width: 20%;
max-width: 85px;
}
@media (max-width: 400px) {
display: none;
}
}
@@ -506,6 +493,16 @@ footer.footer {
display: inline-block;
}
.topic-details {
margin-top: 7px;
margin-right: 10px;
color: #ddd;
}
.topic-buttons {
margin-top: 7px;
}
}
}

11
public/src/app.js
View File

@@ -365,13 +365,18 @@ var socket,
socket.on('api:user.get_online_users', function(users) {
jQuery('.username-field').each(function() {
var uid = jQuery(this).parents('li').attr('data-uid');
if (this.processed === true) return;
var el = jQuery(this),
uid = el.parents('li').attr('data-uid');
if (uid && jQuery.inArray(uid, users) !== -1) {
jQuery(this).prepend('<i class="icon-circle"></i>');
el.prepend('<i class="icon-circle"></i>&nbsp;');
} else {
jQuery(this).prepend('<i class="icon-circle-blank"></i>');
el.prepend('<i class="icon-circle-blank"></i>&nbsp;');
}
el.processed = true;
});
});

31
public/templates/topic.tpl
View File

@@ -23,29 +23,30 @@
<i class="icon-pencil"></i><span class="user_posts_{main_posts.uid}">8</span>
</div>
</a>
<h3><p id="topic_title_{main_posts.pid}" class="topic-title">{topic_name}</p>
<div class="pull-right hidden-phone" style="margin-right: 10px;">
<button id="ids_{main_posts.pid}_{main_posts.uid}" class="btn edit {main_posts.display_moderator_tools}" type="button"><i class="icon-pencil"></i></button>
<button id="ids_{main_posts.pid}_{main_posts.uid}" class="btn delete {main_posts.display_moderator_tools}" type="button"><i class="icon-trash"></i></button>
<button id="quote_{main_posts.pid}_{main_posts.uid}" class="btn quote" type="button"><i class="icon-quote-left"></i></button>
<button id="favs_{main_posts.pid}_{main_posts.uid}" class="favourite btn" type="button"><span class="post_rep_{main_posts.pid}">Favourite {main_posts.post_rep} </span><i class="{main_posts.fav_star_class}"></i></button>
<button id="post_reply" class="btn btn-primary btn post_reply" type="button">Reply <i class="icon-reply"></i></button>
</div>
</h3>
<h3><p id="topic_title_{main_posts.pid}" class="topic-title">{topic_name}</p></h3>
<hr />
<small>
posted {main_posts.relativeTime} ago by <strong><a href="/users/{main_posts.username}" class="username-field">{main_posts.username}</a></strong>
<span class="{main_posts.edited-class}"><i class="icon-edit" title="edited by {main_posts.editor} {main_posts.relativeEditTime} ago"></i></span>
</small>
<div class="topic-buttons pull-left">
<a href="/users/{main_posts.username}" class="username-field btn">{main_posts.username}</a>
<a target="_blank" class="btn" href="../{topic_id}.rss"><i class="icon-rss-sign"></i></a>
<button id="ids_{main_posts.pid}_{main_posts.uid}" class="btn edit {main_posts.display_moderator_tools}" type="button"><i class="icon-pencil"></i></button>
<button id="ids_{main_posts.pid}_{main_posts.uid}" class="btn delete {main_posts.display_moderator_tools}" type="button"><i class="icon-trash"></i></button>
<button id="quote_{main_posts.pid}_{main_posts.uid}" class="btn quote" type="button"><i class="icon-quote-left"></i></button>
<button id="favs_{main_posts.pid}_{main_posts.uid}" class="favourite btn" type="button"><span class="post_rep_{main_posts.pid}">Favourite {main_posts.post_rep} </span><i class="{main_posts.fav_star_class}"></i></button>
<button id="post_reply" class="btn btn-primary btn post_reply" type="button">Reply <i class="icon-reply"></i></button>
</div>
<div style="clear:both; margin-bottom: 10px;"></div>
<div id="content_{main_posts.pid}" class="post-content">{main_posts.content}</div>
<div class="post-signature">{main_posts.signature}</div>
<div class="profile-block"></div>
<div class="profile-block">
<img class="hidden-desktop" src="{main_posts.gravatar}?s=10&default=identicon" align="left" /> posted by <strong><a class="" href="/users/{main_posts.username}">{main_posts.username}</a></strong> {main_posts.relativeTime} ago
<span class="{main_posts.edited-class} hidden-phone">| last edited by <strong><a href="/users/{main_posts.editor}">{main_posts.editor}</a></strong> {main_posts.relativeEditTime} ago</span>
<span class="{main_posts.edited-class}"><i class="icon-edit visible-phone" title="edited by {main_posts.editor} {main_posts.relativeEditTime} ago"></i></span>
</div>
</div>
</div>
</li>