Topic: angular simple card modal

Yasin at Loyal Loops pro asked 5 years ago

hi guys, im trying to use the angular ecommerce "simple card modal" I'm having an issue with it. the modal is dark as opposed to the example on your site where the modal is brighter. It also isnt allowing my to close the modal once opened. here is what i'm getting: here is what i expected: also on a related issue, the counter is not displaying properly once i put the modal button on the navbar here is a picture to illustrate: I can link to my repo if you want to look at my code. I would appreciate the help diagnosing whats wrong.

Adrian Sawicki free answered 5 years ago

I'm sorry, I didn't think about the obvious. Just move your modal code out of navigation and it should work properly as for counter you will have to add some styles to it and place it into something with position relative because without it take the whole document as a place for itself.

How can I implement that solution? If allowing full colors will fix it, how can I allow the full colors?

Adrian Sawicki free answered 5 years ago

It's because a child can't have higher z-index than its parent. The only solution I see for it now is to allow nav to have full colors when a modal show or move e-commerce button to another place. We will change it and append modal to the body so there won't be such issues anymore. Modals are now being reworked to enchanted version so I will add it to the task list.

Please insert min. 20 characters.


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


Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No