MDB 8 - mdbBtn missing shadow


Topic: MDB 8 - mdbBtn missing shadow

mdb2 pro asked a year ago

<button mdbBtn color="success" size="lg">התנסות</button>

Was shadow: https://imgur.com/a/fDPi6wH

Now no shadow: https://imgur.com/a/0QZWouO

.btn {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding: .84rem 2.14rem;
    font-size: .81rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin: .375rem;
    border: 0;
    border-radius: .125rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    color: inherit;
}

Arkadiusz Idzikowski staff commented a year ago

The button still has the same shadow as in previous version (it's more visible only on hover). Do you have problem with overwriting our styles?

In which product does this problem occur? Mdb pro / admin template?


mdb2 pro answered a year ago

Pro of course

What do you mean by admin template ?

Shadow does appear on hover

I overwrite your styles as described above


Arkadiusz Idzikowski staff commented a year ago

We can't reproduce this problem on our end. If it's possible please send a simple demo to a.idzikowski@mdbootstrap.com.

We need to check if there are no problems with the migration from MDB 7 to 8.


Please insert min. 20 characters.
Status

Open

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: Angular
  • MDB Version: 8.0.0
  • Device: NA
  • Browser: NA
  • OS: NA
  • Provided sample code: No
  • Provided link: Yes
Tags