From d84672f39dc0eff86790abafa36a2d2c6e47736d Mon Sep 17 00:00:00 2001 From: Mansur Besleney Date: Thu, 27 Nov 2025 08:43:49 +0300 Subject: [PATCH 1/3] Add flex alignment to rating component container Updated the rating component's container div to use Bootstrap flex classes for improved alignment and layout. This enhances the visual presentation by aligning items to the end and centering them vertically. --- .../Pages/CmsKit/Shared/Components/Rating/Default.cshtml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Rating/Default.cshtml b/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Rating/Default.cshtml index 0c0a1dc8f5..dc616aff84 100644 --- a/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Rating/Default.cshtml +++ b/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Rating/Default.cshtml @@ -13,7 +13,7 @@
-
+
@if (CurrentUser.IsAuthenticated) { From 92caae215c1f5acf222f3a54d804776fecd3eed7 Mon Sep 17 00:00:00 2001 From: Mansur Besleney Date: Fri, 28 Nov 2025 17:30:04 +0300 Subject: [PATCH 2/3] Improve blog post UI and update tag and style components Refactored tag display in Default.cshtml to use divs and updated badge classes for better styling. Enhanced BlogPost.cshtml layout for author info, ratings, and reactions, improving structure and visual hierarchy. Added new CSS styles for blockquotes and code blocks in blogPost.css to enhance content readability. --- .../Shared/Components/Tags/Default.cshtml | 12 ++-- .../Pages/Public/CmsKit/Blogs/BlogPost.cshtml | 70 ++++++++++--------- .../Pages/Public/CmsKit/Blogs/blogPost.css | 18 +++++ 3 files changed, 60 insertions(+), 40 deletions(-) diff --git a/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Tags/Default.cshtml b/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Tags/Default.cshtml index 133e868a3f..7d568c4b0b 100644 --- a/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Tags/Default.cshtml +++ b/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Tags/Default.cshtml @@ -6,26 +6,22 @@
@if (Model.Tags != null) { -
    +
    @foreach (var tag in Model.Tags) { if (Model.UrlFormat.IsNullOrWhiteSpace()) { -
  • - + @tag.Name -
    • } else { var formattedUrl = Model.UrlFormat.Replace("{TagId}", tag.Id.ToString()).Replace("{TagName}", tag.Name); -
  • - @tag.Name -
    • + @tag.Name } } -
+
}
\ No newline at end of file diff --git a/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/Public/CmsKit/Blogs/BlogPost.cshtml b/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/Public/CmsKit/Blogs/BlogPost.cshtml index e3f8fa1677..d94c8e199e 100644 --- a/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/Public/CmsKit/Blogs/BlogPost.cshtml +++ b/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/Public/CmsKit/Blogs/BlogPost.cshtml @@ -60,13 +60,13 @@ -
+

@Model.ViewModel.Title

- - @@@Model.ViewModel.Author?.UserName + + @@@Model.ViewModel.Author?.UserName - @Model.ViewModel.CreationTime + @Model.ViewModel.CreationTime

@(await Component.InvokeAsync(typeof(ContentFragmentViewComponent), new DefaultContentDto { @@ -96,35 +96,41 @@ }
+ + +
+
+ + + @if (GlobalFeatureManager.Instance.IsEnabled()) + { + if (Model.RatingsFeature?.IsEnabled == true) + { + @await Component.InvokeAsync(typeof(RatingViewComponent), new + { + entityType = Volo.CmsKit.Blogs.BlogPostConsts.EntityType, + entityId = Model.ViewModel.Id.ToString() + }) + } + } + + + @if (GlobalFeatureManager.Instance.IsEnabled()) + { + if (Model.ReactionsFeature?.IsEnabled == true) + { + @await Component.InvokeAsync(typeof(ReactionSelectionViewComponent), new + { + entityType = Volo.CmsKit.Blogs.BlogPostConsts.EntityType, + entityId = Model.ViewModel.Id.ToString() + }) + } + } + + +
- - - @if (GlobalFeatureManager.Instance.IsEnabled()) - { - if (Model.ReactionsFeature?.IsEnabled == true) - { - @await Component.InvokeAsync(typeof(ReactionSelectionViewComponent), new - { - entityType = Volo.CmsKit.Blogs.BlogPostConsts.EntityType, - entityId = Model.ViewModel.Id.ToString() - }) - } - } - - - @if (GlobalFeatureManager.Instance.IsEnabled()) - { - if (Model.RatingsFeature?.IsEnabled == true) - { - @await Component.InvokeAsync(typeof(RatingViewComponent), new - { - entityType = Volo.CmsKit.Blogs.BlogPostConsts.EntityType, - entityId = Model.ViewModel.Id.ToString() - }) - } - } - - +
diff --git a/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/Public/CmsKit/Blogs/blogPost.css b/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/Public/CmsKit/Blogs/blogPost.css index 03ed4523e4..96e4520d9a 100644 --- a/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/Public/CmsKit/Blogs/blogPost.css +++ b/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/Public/CmsKit/Blogs/blogPost.css @@ -42,4 +42,22 @@ span.area-title { color: #aaa; text-decoration: none; padding-left: 18px; +} + +.blockquote, blockquote{ + display: block; + padding: 1em 1.5em; + border-radius: 8px; + background: rgba(58, 130, 246, 0.1); + font-size: 1.125rem; +} + +code.hljs{ + border-radius: 8px; + background: rgba(247, 37, 133, 0.1); +} + +pre code.hljs{ + background: rgba(0, 0, 0, 0.1); + padding: 1em 1.5em; } \ No newline at end of file From a910e783a7b4d2016b9b4b605fe65fadfce2554b Mon Sep 17 00:00:00 2001 From: Mansur Besleney Date: Fri, 28 Nov 2025 17:36:51 +0300 Subject: [PATCH 3/3] Update Default.cshtml --- .../Pages/CmsKit/Shared/Components/Rating/Default.cshtml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Rating/Default.cshtml b/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Rating/Default.cshtml index dc616aff84..0c0a1dc8f5 100644 --- a/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Rating/Default.cshtml +++ b/modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Rating/Default.cshtml @@ -13,7 +13,7 @@
-
+
@if (CurrentUser.IsAuthenticated) {