diff --git a/.github/workflows/ci-build.yml b/.github/workflows/ci-build.yml index 35fa2b51..b5a24516 100644 --- a/.github/workflows/ci-build.yml +++ b/.github/workflows/ci-build.yml @@ -48,6 +48,10 @@ jobs: - name: Build run: dotnet build -c ${{ env.Configuration }} -v m --no-restore + - name: Build samples + run: dotnet build -c ${{ env.Configuration }} -v m + working-directory: samples + - name: Run tests run: dotnet test -c ${{ env.Configuration }} -v m --no-restore --no-build diff --git a/samples/MudBlazor.Markdown.Core/sample.md b/samples/MudBlazor.Markdown.Core/sample.md index 13180b67..7402c9a3 100644 --- a/samples/MudBlazor.Markdown.Core/sample.md +++ b/samples/MudBlazor.Markdown.Core/sample.md @@ -67,4 +67,7 @@ fun main(args : Array) { Release 1.0.1 **New** - Error fixes. - \ No newline at end of file + + +#### Large image +![Sample](https://wallpapers.com/images/featured/qbc6mlnwowjbszld.jpg "Sample") diff --git a/src/MudBlazor.Markdown/MudBlazor.Markdown.csproj b/src/MudBlazor.Markdown/MudBlazor.Markdown.csproj index 6d68def0..897ee266 100644 --- a/src/MudBlazor.Markdown/MudBlazor.Markdown.csproj +++ b/src/MudBlazor.Markdown/MudBlazor.Markdown.csproj @@ -5,7 +5,7 @@ enable enable MudBlazor - 0.1.0 + 0.1.1 MyNihongo Markdown component for MudBlazor (https://mudblazor.com/) Copyright © 2023 MyNihongo diff --git a/src/MudBlazor.Markdown/MudMarkdown.razor.cs b/src/MudBlazor.Markdown/MudMarkdown.razor.cs index 7925b88e..483cd93b 100644 --- a/src/MudBlazor.Markdown/MudMarkdown.razor.cs +++ b/src/MudBlazor.Markdown/MudMarkdown.razor.cs @@ -266,10 +266,12 @@ private void RenderInlines(ContainerInline inlines, RenderTreeBuilder builder) .OfType() .Select(static x => x.Content); - builder.OpenElement(_elementIndex++, "img"); - builder.AddAttribute(_elementIndex++, "src", url); - builder.AddAttribute(_elementIndex++, "alt", string.Join(null, alt)); - builder.CloseElement(); + builder.OpenComponent(_elementIndex++); + builder.AddAttribute(_elementIndex++, nameof(MudImage.Class), "rounded-lg"); + builder.AddAttribute(_elementIndex++, nameof(MudImage.Src), url); + builder.AddAttribute(_elementIndex++, nameof(MudImage.Alt), string.Join(null, alt)); + builder.AddAttribute(_elementIndex++, nameof(MudImage.Elevation), 25); + builder.CloseComponent(); } else if (LinkCommand == null) { diff --git a/src/MudBlazor.Markdown/Resources/MudBlazor.Markdown.css b/src/MudBlazor.Markdown/Resources/MudBlazor.Markdown.css index f095ad81..b99cdf92 100644 --- a/src/MudBlazor.Markdown/Resources/MudBlazor.Markdown.css +++ b/src/MudBlazor.Markdown/Resources/MudBlazor.Markdown.css @@ -99,3 +99,8 @@ pre code.hljs { .mud-markdown-body li p, .mud-markdown-body .mud-expand-panel p { margin-bottom: 0 !important; } + +/* Images */ +.mud-markdown-body img { + max-width: 100%; +} diff --git a/tests/MudBlazor.Markdown.Tests/MarkdownComponentTests/MarkdownComponentLinksShould.cs b/tests/MudBlazor.Markdown.Tests/MarkdownComponentTests/MarkdownComponentLinksShould.cs index 57ae0de3..52863211 100644 --- a/tests/MudBlazor.Markdown.Tests/MarkdownComponentTests/MarkdownComponentLinksShould.cs +++ b/tests/MudBlazor.Markdown.Tests/MarkdownComponentTests/MarkdownComponentLinksShould.cs @@ -101,7 +101,7 @@ public void OverrideImageLink() const string expected = @"

- img + img

"; diff --git a/tests/MudBlazor.Markdown.Tests/MarkdownComponentTests/MarkdownComponentShould.cs b/tests/MudBlazor.Markdown.Tests/MarkdownComponentTests/MarkdownComponentShould.cs index 1704cef7..71930622 100644 --- a/tests/MudBlazor.Markdown.Tests/MarkdownComponentTests/MarkdownComponentShould.cs +++ b/tests/MudBlazor.Markdown.Tests/MarkdownComponentTests/MarkdownComponentShould.cs @@ -172,7 +172,7 @@ public void RenderImage() const string expectedResult = @"

- emw-banner + emw-banner

"; @@ -188,7 +188,7 @@ public void RenderImageLink() @"";