scania-digital-design-system/sdds

Bug - Footer above the sidebar overlay in mobile

Closed this issue · 2 comments

Describe the bug
A clear and concise description of what the bug is.
Footer component is over the navbar overlay for mobile view.

To Reproduce
Steps to reproduce the behavior and be very detailed

  1. Run angular with side-menu
  2. Change resolution, to mobile
  3. Scroll down to footer
  4. open the sidebar menu
  5. see that the footer is above the overlay

Expected behavior
A clear and concise description of what you expected to happen.
Footer not having more z-index then side-menu overlay

Screenshots
If applicable, add screenshots to help explain your problem.
Screenshot 2021-12-20 at 11 27 09
Screenshot 2021-12-20 at 14 56 42

Version of SDDS or which package
E.g 1.2.3 or @scania/theme-light v2.3.4

Application link
Provide link if possible

System information:
Please complete the following information, don't forget version

  • Framework: angular 11
  • Device: Mac
  • OS: MacOS
  • Browser: chrome

Additional context
Add any other context about the problem here.

AB#1311

@alexlioliopoulos and @victorscania - I am tagging you just because we will have a new Side Menu out soo and will integrate it together with the new Footer on the website, so might face this issue. Therefore, let's think of a quick fix for this until we have a z-index workshop and we sort it out in a smarter way.

Are we saying that we need to prioritize working on this bug?