diff --git a/plugins/comment_paragraph/public/comment_paragraph_macro.js b/plugins/comment_paragraph/public/comment_paragraph_macro.js index 2ba7a42..dea2866 100644 --- a/plugins/comment_paragraph/public/comment_paragraph_macro.js +++ b/plugins/comment_paragraph/public/comment_paragraph_macro.js @@ -71,19 +71,15 @@ jQuery(document).ready(function($) { var paragraphId = $(this).data('paragraph'); hideAllCommentsExcept(paragraphId); hideAllSelectedAreasExcept(paragraphId); - $('.article-body').toggleClass('comment-paragraph-slide-left'); - $('#side_comment_' + paragraphId).toggle(); - - -// if($('.comment-paragraph-slide-left').size()==0){ -// $('.article-body').addClass('comment-paragraph-slide-left'); -// $('#side_comment_' + paragraphId).show(); -// $('#side_comment_' + paragraphId).find().show(); -// }else{ -// $('.article-body').removeClass('comment-paragraph-slide-left'); -// $('.side-comment').hide(); -// $('.side-comment').find().hide(); -// } + if($('.comment-paragraph-slide-left').size()==0){ + $('.article-body').addClass('comment-paragraph-slide-left'); + $('#side_comment_' + paragraphId).show(); + $('#side_comment_' + paragraphId).find().show(); + }else{ + $('.article-body').removeClass('comment-paragraph-slide-left'); + $('.side-comment').hide(); + $('.side-comment').find().hide(); + } $('#comment-bubble').hide(); //Loads the comments var url = $('#link_to_ajax_comments_' + paragraphId).data('url'); diff --git a/plugins/comment_paragraph/public/style.css b/plugins/comment_paragraph/public/style.css index ace34c6..04d44e3 100644 --- a/plugins/comment_paragraph/public/style.css +++ b/plugins/comment_paragraph/public/style.css @@ -89,7 +89,7 @@ div[class^='comments_list_toggle_paragraph_'] { border-color: #ccc; padding: 5px; background-color: whitesmoke; - width: 270px; + width: 300px; } div[class^='comment-paragraph-loading-'] { @@ -162,6 +162,8 @@ div[class^='comment-paragraph-loading-'] { padding: 0; width: 100%; text-align: left; + overflow: visible; + line-break: loose; } .side-comment .comment-text p { margin: 0; @@ -183,7 +185,7 @@ div[class^='comment-paragraph-loading-'] { padding-left: 25px; } #article .side-comment .comment-picture { - width: 75%; + width: 100%; height: auto; } #article .side-comment .article-comment .comment-details > h4 { -- libgit2 0.21.2