From 45f8b339eb7460a3f1c02270a95dec4b8ac86af0 Mon Sep 17 00:00:00 2001 From: digitaldirk <22691956+digitaldirk@users.noreply.github.com> Date: Wed, 20 Nov 2024 10:31:59 -0800 Subject: [PATCH 1/3] Update minute read text From: 10 min To: 10 minute read --- src/LinkDotNet.Blog.Web/Features/Components/ShortBlogPost.razor | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/LinkDotNet.Blog.Web/Features/Components/ShortBlogPost.razor b/src/LinkDotNet.Blog.Web/Features/Components/ShortBlogPost.razor index 2a257d38..ed5e67a6 100644 --- a/src/LinkDotNet.Blog.Web/Features/Components/ShortBlogPost.razor +++ b/src/LinkDotNet.Blog.Web/Features/Components/ShortBlogPost.razor @@ -29,7 +29,7 @@ } -
  • @BlogPost.ReadingTimeInMinutes min
  • +
  • @BlogPost.ReadingTimeInMinutes minute read
  • From fe79abf44f35392057da2ffa7c9f144ae327ce98 Mon Sep 17 00:00:00 2001 From: digitaldirk <22691956+digitaldirk@users.noreply.github.com> Date: Wed, 20 Nov 2024 10:33:11 -0800 Subject: [PATCH 2/3] Add read time icon --- .../Features/ShowBlogPost/ShowBlogPostPage.razor.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/ShowBlogPostPage.razor.css b/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/ShowBlogPostPage.razor.css index a52a0558..8d4442b4 100644 --- a/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/ShowBlogPostPage.razor.css +++ b/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/ShowBlogPostPage.razor.css @@ -23,6 +23,12 @@ object-fit: cover; } +.read-time:before { + font-family: 'icons'; + font-weight: 900; + content: "\e94f"; +} + @media only screen and (max-width: 700px) { .blog-outer-box .blog-container { width: 90%; From de1fb776ec8b38880a789d0269fb47e76c77a05b Mon Sep 17 00:00:00 2001 From: digitaldirk <22691956+digitaldirk@users.noreply.github.com> Date: Wed, 20 Nov 2024 10:34:04 -0800 Subject: [PATCH 3/3] Add read time to blog post Added read time to top of blog post --- .../Features/ShowBlogPost/ShowBlogPostPage.razor | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/ShowBlogPostPage.razor b/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/ShowBlogPostPage.razor index 9af73b20..4c9a44f9 100644 --- a/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/ShowBlogPostPage.razor +++ b/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/ShowBlogPostPage.razor @@ -53,6 +53,8 @@ else if (BlogPost is not null) @BlogPost.UpdatedDate.ToShortDateString()
    + + @BlogPost.ReadingTimeInMinutes minute read @if (BlogPost.Tags is not null && BlogPost.Tags.Any()) {