aswi2020anonymous-gitlab/fe/fulltextsearch/src/app/components/layout/main-nav/main-nav.component.css @ c5e7ba51

.sidenav-container {
  height: 100%;
}

.sidenav {
  width: 200px;
}

.sidenav .mat-toolbar {
  background: var(--primary-color);
  color: var(--navbar-text-color);

}

.mat-toolbar.mat-primary {
  position: sticky;
  top: 0;
  z-index: 10;
}

.hidden {
  display: none;
}

.space {
  flex: 1 1 auto;
}

a:hover {
  color: var(--navbar-text-color);
  background-color: var(--primary-color-dark);
}

a {
  font-weight: bold;
  font-size: large;
  color: var(--navbar-text-color);
}

.app-header {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}

.app-logo {
  color: var(--navbar-text-color);
  margin-right: 10pt;
  padding: 5pt 8pt 5pt 5pt;
}

.app-logo:hover {
  cursor: pointer;
  background-color: var(--primary-color-dark);
}

.app-logo div {
  margin-left: 15pt;
  margin-top: 5pt;
  text-align: center;
  font-size: medium;
  font-weight: bold;
  line-height: normal;
}

.app-logo mat-icon {
  font-size: 40pt;
}

mat-nav-list mat-icon {
  margin-right: 10px;
}

mat-nav-list a:hover {
  color: #932523;
}

.position-fixed {
  position: fixed;
  -webkit-box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.75);
}

mat-sidenav-content {
  margin-top: 64px;
}


mat-toolbar.mat-primary {
  background-color: var(--primary-color);
}

.mat-drawer-backdrop {
  height: 100%;
}

mat-sidenav-content {
  margin-top: 56px;
}