Z-Index - Githubissues

pennions / JESS

Stylesheet influenced by Pico CSS and Fluent UI from microsoft

https://pennions.github.io/JESS

MIT License

2 stars 0 forks source link

Z-Index #31

Closed antonieIPR closed 1 year ago

antonieIPR commented 1 year ago

The footer box-shadow gets hidden behind other elements:

Suggestions:

let the footer also have a z-index: 1000 !important like the nav.main-navigation
or is it useful to add utility classes for z-index?

jelmerveen commented 1 year ago

main-footer should be the same as main-navigation, agreed.

z-index utilities might be something to look in to. needs more research.

antonieIPR commented 1 year ago

Note: I added Mapbox GL JS to the site, the map-element was causing the overlap on the footer. Giving the map element a z-index: 10 solved the issue for now.

jelmerveen commented 1 year ago

the navbar only has z-index 1000 because of the sticky class!, will split this issue into its own seperate one for z-index utilities.