view src/app/progress-spinner/progress-spinner.component.ts @ 197:7224d9f990cf

Centre on parent.

/**
 * Created by lucast on 14/03/2017.
 */


import {Component, Input} from "@angular/core";
@Component({
  selector: 'ugly-progress-spinner',
  template: `
    <div class="container" [hidden]="!isVisible">
      <md-spinner
        class="spinner"
        color="primary"
      ></md-spinner>
    </div>
  `,
  styles: [`
    .container {
      height: 40px;
      width: 40px;
      position: absolute;
      top: calc(50% - 20px);
      left: calc(50% - 20px);
    }
    
    .spinner {
      width: 100%;
      height: 100%;
    }
  `]
})
export class ProgressSpinnerComponent {
  @Input() isVisible: boolean = true;
}