blogging module twitter button css (basic)

modules/blogging/src/Volo.Blogging.Web/Localization/Resources/Blogging/Web/en.json

@@ -26,6 +26,7 @@
     "BlogDeletionWarningMessage": "Blog will be deleted.",
     "AreYouSure": "Are you sure?",
     "Comment": "{0} Comment",
+    "ShareOnTwitter": "Share On Twitter",
     "CoverImage": "Cover Image",
     "CreateANewPost": "Create A New Post",
     "CreateANewBlog": "Create A New Blog",

modules/blogging/src/Volo.Blogging.Web/Localization/Resources/Blogging/Web/tr.json

@@ -17,6 +17,7 @@
     "SeeAll": "Hepsini Gör",
     "PopularTags": "Popüler Etiketler",
     "ReadWithCount": "{0} Okunma",
+    "ShareOnTwitter": "Twitter'da paylaş",
     "LastPosts": "Son Yazılar",
     "LeaveComment": "Yorum Bırak",
     "TagsInThisArticle": "Makalenin Etiketleri",

modules/blogging/src/Volo.Blogging.Web/Pages/Blog/Posts/Detail.cshtml

@@ -155,31 +155,34 @@
                 }
             </div>
 
-            <a class="twitter-share-button"
+            <a class="btn-rounded float-right btn btn-primary"
-               href="@Model.GetTwitterShareUrl(Model.Post.Title,  HttpContext.Request.GetEncodedUrl())" target="_blank">
+               href="@Model.GetTwitterShareUrl(Model.Post.Title, HttpContext.Request.GetEncodedUrl())" target="_blank">
-                Tweet
+                <i class="fa fa-twitter"></i>
+                @L["ShareOnTwitter"]
             </a>
 
-            <div class="comment-form mt-4">
+            @if (await Authorization.IsGrantedAsync(BloggingPermissions.Comments.Create))
-                <div class="vs-blog-title mb-0">
+            {
-                    <h3>@L["LeaveComment"]</h3>
+                <div class="comment-form mt-4">
-                </div>
+                    <div class="vs-blog-title mb-0">
-                <div class="clearfix bg-light p-4">
+                        <h3>@L["LeaveComment"]</h3>
-                    <div>
+                    </div>
-                        <form method="post">
+                    <div class="clearfix bg-light p-4">
-                            <input name="postId" value="@Model.Post.Id" hidden />
+                        <div>
-                            <input name="repliedCommentId" id="repliedCommentId" hidden />
+                            <form method="post">
-                            <div class="form-group">
+                                <input name="postId" value="@Model.Post.Id" hidden />
-                                <textarea class="form-control no-border" name="text" id="textBoxId" rows="4"></textarea>
+                                <input name="repliedCommentId" id="repliedCommentId" hidden />
-                            </div>
+                                <div class="form-group">
-                            <abp-button button-type="Primary" class="btn-rounded float-right" type="submit" text="@L["Submit"].Value" />
+                                    <textarea class="form-control no-border" name="text" id="textBoxId" rows="4"></textarea>
-                        </form>
+                                </div>
+                                <abp-button button-type="Primary" class="btn-rounded float-right" type="submit" text="@L["Submit"].Value" />
+                            </form>
+                        </div>
                     </div>
                 </div>
-            </div>
+            }
-            <div class="comment-area">
-
 
+            <div class="comment-area">
                 @foreach (var commentWithRepliesDto in Model.CommentsWithReplies)
                 {
                     <div class="media">