search

MudBlazor / MudBlazor

Blazor Component Library based on Material design with an emphasis on ease of use. Mainly written in C# with Javascript kept to a bare minimum it empowers .NET developers to easily debug it if needed.
http://mudblazor.com
MIT License
7.34k stars 1.19k forks source link

Card Elevation does not work when outlined is true #5653

Open marcoatribeiro opened 1 year ago

marcoatribeiro commented 1 year ago

Bug type

Component

Component name

MudCard

What happened?

<MudCard Elevation="3" Outlined="true" Square="true" Style="width: 100%">
...
</MudCard>

The above results in the following DOM element:

<div class="mud-paper mud-paper-outlined mud-paper-square mud-card" style="width: 100%;">

Whereas if I remove the "Outlined" property, "mud-elevation-#" class is added as expected:

<div class="mud-paper mud-paper-square mud-elevation-3 mud-card" style="width: 100%;">

Expected behavior

Not sure if this is by design or a bug, but I couldn't find anything about these properties being mutually exclusive in the docs.

Reproduction link

.

Reproduction steps

  1. Create a MudCard
  2. Set Elevation Property
  3. Set Outlined=true ...

Relevant log output

No response

Version (bug)

6.0.17

Version (working)

No response

What browsers are you seeing the problem on?

Chrome

On what operating system are you experiencing the issue?

Windows

Pull Request

Code of Conduct

fondraco commented 1 year ago

Yeah, this looks like a bug, but on the other hand, Material Design uses only either elevation or outline. Still, freedom is much needed.

marcoatribeiro commented 1 year ago

My thoughts exactly, @fondraco! Maybe it is just a matter of updating documentation.