Merge pull request #10117 from abpframework/fix/modal-size

Angular UI: Change default modal size

npm/ng-packs/packages/feature-management/src/lib/components/feature-management/feature-management.component.html

@@ -1,4 +1,4 @@
-<abp-modal *ngIf="visible" size="lg" [(visible)]="visible" [busy]="modalBusy">
+<abp-modal *ngIf="visible" [(visible)]="visible" [busy]="modalBusy" [options]="{ size: 'lg' }">
   <ng-template #abpHeader>
     <h3>{{ 'AbpFeatureManagement::Features' | abpLocalization }}</h3>
   </ng-template>

npm/ng-packs/packages/identity/src/lib/components/roles/roles.component.html

@@ -19,7 +19,7 @@
   </div>
 </div>
 
-<abp-modal size="md" [(visible)]="isModalVisible" [busy]="modalBusy">
+<abp-modal [(visible)]="isModalVisible" [busy]="modalBusy">
   <ng-template #abpHeader>
     <h3>{{ (selected?.id ? 'AbpIdentity::Edit' : 'AbpIdentity::NewRole') | abpLocalization }}</h3>
   </ng-template>

npm/ng-packs/packages/identity/src/lib/components/users/users.component.html

@@ -29,7 +29,7 @@
   </div>
 </div>
 
-<abp-modal size="md" [(visible)]="isModalVisible" [busy]="modalBusy">
+<abp-modal [(visible)]="isModalVisible" [busy]="modalBusy">
   <ng-template #abpHeader>
     <h3>{{ (selected?.id ? 'AbpIdentity::Edit' : 'AbpIdentity::NewUser') | abpLocalization }}</h3>
   </ng-template>

npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.html

@@ -30,11 +30,11 @@
   </div>
 </div>
 
-<abp-modal size="md" [(visible)]="isModalVisible" [busy]="modalBusy">
+<abp-modal [(visible)]="isModalVisible" [busy]="modalBusy">
   <ng-template #abpHeader>
     <h3>
       {{
-        (selected?.id ? 'AbpTenantManagement::Edit' : 'AbpTenantManagement::NewTenant') 
+        (selected?.id ? 'AbpTenantManagement::Edit' : 'AbpTenantManagement::NewTenant')
           | abpLocalization
       }}
     </h3>

npm/ng-packs/packages/theme-basic/src/lib/components/account-layout/tenant-box/tenant-box.component.html

@@ -24,7 +24,7 @@
     </div>
   </div>
 
-  <abp-modal size="md" [(visible)]="service.isModalVisible" [busy]="service.modalBusy">
+  <abp-modal [(visible)]="service.isModalVisible" [busy]="service.modalBusy">
     <ng-template #abpHeader>
       <h5>Switch Tenant</h5>
     </ng-template>

npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.ts

@@ -143,8 +143,8 @@ export class ModalComponent implements OnInit, OnDestroy, DismissableModal {
 
     setTimeout(() => this.listen(), 0);
     this.modalRef = this.modal.open(this.modalContent, {
-      size: 'lg',
-      centered: true,
+      size: 'md',
+      centered: false,
       keyboard: false,
       scrollable: true,
       beforeDismiss: () => {

npm/ng-packs/tsconfig.json

@@ -24,7 +24,7 @@
       "@abp/ng.core/locale": ["packages/core/locale/src/public-api.ts"],
       "@abp/ng.core/testing": ["packages/core/testing/src/public-api.ts"],
       "@abp/ng.feature-management": ["packages/feature-management/src/public-api.ts"],
-      "@abp/ng.identity": ["packages/identity//src/public-api.ts"],
+      "@abp/ng.identity": ["packages/identity/src/public-api.ts"],
       "@abp/ng.identity/config": ["packages/identity/config/src/public-api.ts"],
       "@abp/ng.permission-management": ["packages/permission-management/src/public-api.ts"],
       "@abp/ng.setting-management": ["packages/setting-management/src/public-api.ts"],