jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

tweaks to comment/forum css, fix forum post response js

Browse Source
This commit is contained in:
albert
2013-02-18 11:19:52 -05:00
parent 2fa5fb6738
commit cf6996ee9a
4 changed files with 27 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/stylesheets/specific/comments.css.scss
View File

@@ -9,6 +9,8 @@ div.comments-for-post {
width: 12em; width: 12em;
float: left; float: left;
overflow: hidden; overflow: hidden;
margin-right: 2em;
word-wrap: break-word;
h1 { h1 {
display: block; display: block;
@@ -17,8 +19,7 @@ div.comments-for-post {
} }
div.content { div.content {
margin-left: 2em; width: 40em;
width: 35em;
float: left; float: left;
menu { menu {

7
app/assets/stylesheets/specific/forum.css.scss
View File

@@ -3,13 +3,14 @@ div.list-of-forum-posts {
margin-bottom: 3em; margin-bottom: 3em;
div.author { div.author {
width: 20%; width: 12em;
float: left; float: left;
margin-right: 2em;
word-wrap: break-word;
} }
div.content { div.content {
margin-left: 2em; width: 40em;
width: 30em;
float: left; float: left;
menu { menu {

2
app/views/forum_posts/new.js.erb
View File

@@ -1,5 +1,5 @@
$("#forum_post_body").val(<%= raw @forum_post.body.to_json %>); $("#forum_post_body").val(<%= raw @forum_post.body.to_json %>);
$("#new-topic-response").show(); $("#topic-response").show();
$('html, body').animate({ $('html, body').animate({
scrollTop: $("#forum_post_body").offset().top - 100 scrollTop: $("#forum_post_body").offset().top - 100

21
app/views/forum_topics/show.html.erb
View File

@@ -15,9 +15,9 @@
<%= render "forum_posts/listing", :forum_posts => @forum_posts %> <%= render "forum_posts/listing", :forum_posts => @forum_posts %>
<p><%= link_to "Reply &raquo;".html_safe, new_forum_post_path(:topic_id => @forum_topic.id) %></p> <p><%= link_to "Reply &raquo;".html_safe, new_forum_post_path(:topic_id => @forum_topic.id), :id => "new-response-link" %></p>
<div id="topic-response"> <div style="display: none;" id="topic-response">
<%= render "forum_posts/form", :forum_post => ForumPost.new(:topic_id => @forum_topic.id) %> <%= render "forum_posts/form", :forum_post => ForumPost.new(:topic_id => @forum_topic.id) %>
</div> </div>
@@ -30,3 +30,20 @@
<%= content_for(:page_title) do %> <%= content_for(:page_title) do %>
Forum - <%= @forum_topic.title %> - <%= Danbooru.config.app_name %> Forum - <%= @forum_topic.title %> - <%= Danbooru.config.app_name %>
<% end %> <% end %>
<%= content_for(:html_header) do %>
<script>
$(function() {
$("#new-response-link").click(function(e) {
$("#forum_post_body").val("");
$("#topic-response").show();
$('html, body').animate({
scrollTop: $("#forum_post_body").offset().top - 100
}, 500);
e.preventDefault();
})
});
</script>
<% end %>