CmsKit - Move css files into seperated files

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Blogs/BlogPost/Default.cshtml

@@ -28,25 +28,4 @@
             </div>
         </abp-row>
     </abp-card-body> 
-</abp-card>
-
-
-<style>
-    .card-body img { 
-        width: 100%;
-        border-radius: 4px;
-        margin: 20px 0;
-    }
-    .badge.badge-light {
-        color: #757575;
-        background: #f2f2f2;
-    }
-    .reaction-in-comment span.area-title {
-        display: none;
-    }
-    span.area-title {
-        font-weight: 600;
-        padding: 3px;
-        display: block;
-    }
-</style>
+</abp-card>

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Blogs/BlogPost/DefaultBlogPostViewComponent.cs

@@ -5,11 +5,15 @@ using System.Linq;
 using System.Text;
 using System.Threading.Tasks;
 using Volo.Abp.AspNetCore.Mvc;
+using Volo.Abp.AspNetCore.Mvc.UI.Widgets;
 using Volo.CmsKit.Public.Blogs;
 
 namespace Volo.CmsKit.Public.Web.Pages.CmsKit.Shared.Components.Blogs.BlogPost
 {
-    [ViewComponent(Name = "CmsDefaultBlogPost")]
+    [Widget(StyleFiles = new[]
+    {
+        "/Pages/CmsKit/Shared/Components/Blogs/BlogPost/default.css"
+    })]
     public class DefaultBlogPostViewComponent : AbpViewComponent
     {
         protected IBlogPostPublicAppService BlogPostPublicAppService { get; }

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Blogs/BlogPost/default.css

@@ -0,0 +1,20 @@
+.card-body img {
+    max-width: 100%;
+    border-radius: 4px;
+    margin: 20px 0;
+}
+
+.badge.badge-light {
+    color: #757575;
+    background: #f2f2f2;
+}
+
+.reaction-in-comment span.area-title {
+    display: none;
+}
+
+span.area-title {
+    font-weight: 600;
+    padding: 3px;
+    display: block;
+}

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Rating/Default.cshtml

@@ -56,8 +56,9 @@
                         </div>
                     }
 
+                    <small class="live-rating text-center d-inline-block" style="width: 24px">@(Model.CurrentRating != null ? Model.CurrentRating + "  " : 0 + "")</small>
+
                     <span class="my-rating btn btn-secondary btn-sm py-1 ml-2" data-rating="@(Model.CurrentRating ?? 0)" data-authenticated="@(Model.CurrentRating != null)">
-                        <small class="live-rating text-center d-inline-block" style="width: 24px">@(Model.CurrentRating != null ? Model.CurrentRating + "  " : 0 + "")</small>
                     </span>
                 }
                 else
@@ -68,15 +69,4 @@
             </div>
         </div>
     </div>
-</div>
-<style>
-    .reaction-in-comment span.area-title {
-        display: none;
-    }
-
-    span.area-title {
-        font-weight: 600;
-        padding: 3px;
-        display: block;
-    }
-</style>
+</div>

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Rating/default.css

@@ -49,4 +49,13 @@
 }
 .rating-undo-link:hover {
     text-decoration:none;
+}
+.reaction-in-comment span.area-title {
+    display: none;
+}
+
+span.area-title {
+    font-weight: 600;
+    padding: 3px;
+    display: block;
 }

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/ReactionSelection/Default.cshtml

@@ -39,16 +39,4 @@
             </div>
         </div>
     </div>
-}
-
-<style>
-    .reaction-in-comment span.area-title {
-        display: none;
-    }
-
-    span.area-title {
-        font-weight: 600;
-        padding: 3px;
-        display: block;
-    }
-</style>
+}

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/ReactionSelection/default.css

@@ -5,4 +5,13 @@
     width: 25%;
     display: inline-block;
     float: left;
+}
+.reaction-in-comment span.area-title {
+    display: none;
+}
+
+span.area-title {
+    font-weight: 600;
+    padding: 3px;
+    display: block;
 }

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Tags/Default.cshtml

@@ -25,16 +25,4 @@
                 </div>
             </div>
         </div>
-    </div>
-
-    <style>
-        .reaction-in-comment span.area-title {
-            display: none;
-        }
-
-        span.area-title {
-            font-weight: 600;
-            padding: 3px;
-            display: block;
-        }
-    </style>
+    </div>

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Tags/TagViewComponent.cs

@@ -5,12 +5,17 @@ using System.Linq;
 using System.Text;
 using System.Threading.Tasks;
 using Volo.Abp.AspNetCore.Mvc;
+using Volo.Abp.AspNetCore.Mvc.UI.Widgets;
 using Volo.CmsKit.Public.Tags;
 using Volo.CmsKit.Tags;
 
 namespace Volo.CmsKit.Public.Web.Pages.CmsKit.Shared.Components.Tags
 {
-    [ViewComponent(Name = "CmsTags")]
+    [Widget(
+        StyleFiles = new[]
+        {
+            "/Pages/CmsKit/Shared/Components/Blogs/BlogPost/default.css"
+        })]
     public class TagViewComponent : AbpViewComponent
     {
         protected readonly ITagAppService TagAppService;

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Tags/default.css

@@ -0,0 +1,10 @@
+
+.reaction-in-comment span.area-title {
+    display: none;
+}
+
+span.area-title {
+    font-weight: 600;
+    padding: 3px;
+    display: block;
+}