diff options
Diffstat (limited to 'webapp/src/app/pages/projects')
-rw-r--r-- | webapp/src/app/pages/projects/project-add-modal/project-add-modal.component.ts | 9 | ||||
-rw-r--r-- | webapp/src/app/pages/projects/projects.component.ts | 7 |
2 files changed, 13 insertions, 3 deletions
diff --git a/webapp/src/app/pages/projects/project-add-modal/project-add-modal.component.ts b/webapp/src/app/pages/projects/project-add-modal/project-add-modal.component.ts index adfc1d8..9c2f95f 100644 --- a/webapp/src/app/pages/projects/project-add-modal/project-add-modal.component.ts +++ b/webapp/src/app/pages/projects/project-add-modal/project-add-modal.component.ts @@ -16,7 +16,7 @@ * limitations under the License. */ -import { Component, Input, ViewChild, OnInit } from '@angular/core'; +import { Component, ViewEncapsulation, Input, OnInit } from '@angular/core'; import { Observable } from 'rxjs/Observable'; import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap'; import { FormControl, FormGroup, Validators, ValidationErrors, FormBuilder, ValidatorFn, AbstractControl } from '@angular/forms'; @@ -34,6 +34,13 @@ import { XDSConfigService } from '../../../@core-xds/services/xds-config.service @Component({ selector: 'xds-project-add-modal', templateUrl: 'project-add-modal.component.html', + encapsulation: ViewEncapsulation.None, + styles: [` + .modal-xxl .modal-lg { + width: 90%; + max-width:1200px; + } + `], }) export class ProjectAddModalComponent implements OnInit { // @Input('server-id') serverID: string; diff --git a/webapp/src/app/pages/projects/projects.component.ts b/webapp/src/app/pages/projects/projects.component.ts index 13f7a79..3d271e1 100644 --- a/webapp/src/app/pages/projects/projects.component.ts +++ b/webapp/src/app/pages/projects/projects.component.ts @@ -45,7 +45,10 @@ export class ProjectsComponent implements OnInit { } add() { - const activeModal = this.modalService.open(ProjectAddModalComponent, { size: 'lg', container: 'nb-layout' }); - activeModal.componentInstance.modalHeader = 'Large Modal'; + const activeModal = this.modalService.open(ProjectAddModalComponent, { + size: 'lg', + windowClass: 'modal-xxl', + container: 'nb-layout', + }); } } |