angular-material-sidenav/demo/app/styles/main.css

Component that build the same sidenav from official angular material website

body,
body > div {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}

body > div {
    height: 100%;
}

.nav-header {
    flex-shrink: 0;
    z-index: 2;
}

.nav-header h1,
.nav-header h4 {
    color: white;
    text-align: center;
}

.nav-header a.logo {
    text-decoration: none;
}