Merge pull request #17426 from abpframework/issue/14984

Add scrollable option to abp-modal on Permission Component

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

@@ -1,4 +1,4 @@
-<abp-modal [(visible)]="visible" [busy]="modalBusy" [options]="{ size: 'lg' }">
+<abp-modal [(visible)]="visible" [busy]="modalBusy" [options]="{ size: 'lg' ,scrollable:false }">
   <ng-container *ngIf="data.entityDisplayName || entityDisplayName">
     <ng-template #abpHeader>
       <h4>
@@ -8,7 +8,7 @@
     </ng-template>
     <ng-template #abpBody>
       <div class="row">
-        <div class="col-md-4">
+        <div class="col-md-4 scroll-in-modal">
           <div class="form-check mb-2">
             <input
               #selectAllInAllTabsRef
@@ -44,8 +44,9 @@
               </li>
             </ul>
           </div>
-        </div>
+         </div>
-        <div class="col-md-8 overflow-auto">
+
+        <div class="col-md-8 scroll-in-modal">
           <div class="ps-1">
             <div class="form-check mb-2">
               <input

npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.ts

@@ -40,6 +40,10 @@ type PermissionWithGroupName = PermissionGrantInfoDto & {
         max-height: 70vh;
         overflow-y: scroll;
       }
+      .scroll-in-modal {
+        overflow:auto;
+        max-height: calc(100vh - 15rem)
+      }
     `,
   ],
 })