view src/app/app.component.css @ 393:a02e6ec4a9d2

cross-hair-inspector component, much the same technique used for the vertical-scale. Change curve to use it. Doesn't currently animate.

.ugly-toolbar-filler {
  flex: 1 1 auto;
}

md-sidenav-container {
  height: 100%;
  width: 100%;
  position: absolute;
}

md-sidenav {
  text-align: center;
}

.ugly-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.ugly-header {
  flex: 0 0 auto;
}

.ugly-content {
  flex: 1 1 auto;
  overflow-y: auto;
  position: relative;
}

.ugly-footer {
  flex: 0 0 auto;
}