GwtMaterialDesign / gwt-material

A Google Material Design wrapper for GWT
https://gwtmaterialdesign.github.io/gmd-core-demo/
Apache License 2.0
411 stars 124 forks source link

Collapsed expandable SideNavMini overlaps main element and footer at screen width <= 992px #904

Open chamgda opened 5 years ago

chamgda commented 5 years ago

Caused by a media query in overridecss.css:

@media screen and (max-width: 992px)
footer, header, main {
    margin-left: 0!important;
    margin-right: 0!important;
    padding-left: 0!important;
    padding-right: 0!important;
}

This makes sense for SideNavs that have a collapsed width of 0 but it doesn't make sense for the expandable SideNavMini since it's always visible and thus potentially burries content beneath it.

kevzlou7979 commented 5 years ago

Ok we need to discuss this with out team, as always you can do overriding the css style sheet if you want. Maybe we could put this onhold then after we can add this to release 2.3.