Topic: MDB 8 - mdbBtn missing shadow

itay pro asked 4 years 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 4 years 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?


itay pro answered 4 years 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 4 years 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.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.0.0
  • Device: NA
  • Browser: NA
  • OS: NA
  • Provided sample code: No
  • Provided link: Yes