opt-cc/static/src/app/app.component.scss

@import "style/load-indicator.scss";

mat-sidenav-container, mat-sidenav-content, mat-sidenav {
  height: calc(100vh - 50px);
  min-height: fit-content;
  display: inline;
}

mat-sidenav {
  background: #222222;
  top: 50px;
  width: 250px;
}

.app-content-container {
  overflow-x: auto;
  position: relative;
  min-height: calc(100vh - 50px)
}

#scrollTopBtn {
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  background: rgba(16, 16, 16, 0.8);

  &:hover {
    background: #101010;
  }

  @media all and (max-width: 959px) {
    bottom: 0;
    left: 0;
    width: 100vw;
    border-radius: 3px 3px 0 0;
    background: #101010;
    min-height: 34px;
    height: 3vw;
  }
}