apps/angular-github-issues/src/app/app.component.css
p {
font-family: Lato;
}
.menu{
margin-left: 15px;
}
.wrapper-container {
display: flex;
flex-direction: column;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.wrapper-is-mobile .wrapper-toolbar {
position: fixed;
/* Make sure the toolbar will stay on top of the content as it scrolls past. */
z-index: 2;
}
h1.wrapper-app-name {
margin-left: 8px;
}
.wrapper-sidenav-container {
/* When the sidenav is not fixed, stretch the sidenav container to fill the available space. This
causes `<mat-sidenav-content>` to act as our scrolling element for desktop layouts. */
flex: 1;
height: calc( 100vh - 65px );
}
.wrapper-is-mobile .wrapper-sidenav-container {
/* When the sidenav is fixed, don't constrain the height of the sidenav container. This allows the
`<body>` to be our scrolling element for mobile layouts. */
flex: 1 0 auto;
}
.wrapper-sidenav {
background-color: #262f3d;
}
.sidenav-btn{
color:white;
padding-left: 50px;
padding-right: 50px;
}
.icon-white {
color:white !important;
}
.wrapper-toolbar{
padding-left: 41px;
}
.pl-15{
padding-left:15px;
}
.sidenav-outlet{
background-color:#e2e8ef;
}
.active-link { border-right: 5px solid #1e88e5; }
.mat-nav-list {
padding-top: 15px;
}
.spacer {
flex: 1 1 auto;
}
.img-circle{
border-radius: 50%;
width:40px;
}
.auth_icon{
padding-right: 30px;
}
.vert-align-mid{
vertical-align: middle;
}