annotate src/app/app.component.css @ 205:b638c714bd1d

Implement pinch-zoom manually using touchevents, as HammerJS was preventing scrolling the page. This should also allow for smoother transitioning between gestures - needs testing on a device.

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

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

md-sidenav {
  text-align: center;
}

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

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

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

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