modal styles

Author: cbeldacap

oasp4js-sample/src/app/components/crud/view/Crud.component.html

@@ -28,7 +28,7 @@
   </div>
 
 </div>
-<!-- style="position:absolute; left: 0px; top: 0px; width:100%; height:100%;" -->
+
 <modal-dialog id="modal"
   *ngIf="hideModalDialog"
   [modal]=true

oasp4js-sample/src/app/oasp/oasp-ui/modal-dialog/modal-dialog.component.html

@@ -10,6 +10,5 @@ <h3 class="modal-title">{{title}}</h3>
 	  <div class="modal-body">
 			<ng-content></ng-content>
 	  </div>
-
 	</div>
 </div>

oasp4js-sample/src/app/oasp/oasp-ui/modal-dialog/modal-dialog.component.ts

@@ -1,13 +1,12 @@
 import {Component,Input, EventEmitter} from '@angular/core';
 import {ButtonBarComponent} from '../button-bar/button-bar.component'
-import {DetailsComponent} from '../../../components/details/view/Details.component'
 import {Table} from '../../../models/table/Table.model'
 
 @Component({
   selector: 'modal-dialog',
   templateUrl: './app/oasp/oasp-ui/modal-dialog/modal-dialog.component.html',
   styleUrls: ['./app/oasp4js-sample.component.css'],
-  directives: [ButtonBarComponent, DetailsComponent]
+  directives: [ButtonBarComponent]
 })
 export class ModalDialogComponent {
 

oasp4js-sample/src/app/oasp4js-sample.component.css

@@ -7156,14 +7156,6 @@ tr.selected {
   height:100%;
 }
 
-/*
-.modal-dialog {
-  display: inline-block;
-  text-align: left;
-  vertical-align: middle;
-}
-*/
-
 /************** PAGINATION ****************/
 
 .btn-pagination {