[~] Modal containing tables will now be scrollable from table parent(modal body/modal content) CactuseSecurity#2993

Author: SolidProgramming

roles/ui/files/FWO.UI/Pages/NetworkModelling/ShowHistory.razor

@@ -1,4 +1,4 @@
-@attribute [Authorize(Roles = $"{Roles.Admin}, {Roles.Auditor}")]
+@attribute [Authorize(Roles = $"{Roles.Admin}, {Roles.Auditor}")]
 
 @inject ApiConnection apiConnection
 @inject UserConfig userConfig
@@ -23,7 +23,7 @@
                 </Authorized>
             </AuthorizeView>
             <PageSizeComponent PageSizeCallback="UpdatePageSize"></PageSizeComponent>
-            <Table PageSize="PageSize" class="table table-bordered th-bg-secondary table-responsive overflow-auto sticky-header" TableItem="ModellingHistoryEntry" Items="history">
+            <Table PageSize="PageSize" class="table table-bordered th-bg-secondary table-responsive" TableItem="ModellingHistoryEntry" Items="history">
                 <Column TableItem="ModellingHistoryEntry" Title="@(userConfig.GetText("application"))" Field="@(x => x.AppId)" Sortable="true" Filterable="true">
                     <Template>
                         @(Applications.FirstOrDefault(x => x.Id == context.AppId)?.Name ?? context.AppId.ToString())

roles/ui/files/FWO.UI/Shared/PopUp.razor.css

@@ -78,5 +78,5 @@
     padding: 2em 2em 0 2em;
     background-color: rgba(255, 255, 255, 1);
     overflow-y: auto;
-    overflow-x: hidden;
-}
+    /*overflow-x: hidden;*/
+}

roles/ui/files/FWO.UI/wwwroot/css/site.css

@@ -539,3 +539,11 @@ max-width: 99%;
 {
     padding-bottom: 30px;
 } */
+
+div.modal-body > div.table-responsive {
+    overflow-x: inherit;
+}
+
+div.modal-body > * > div.table-responsive {
+    overflow-x: inherit;
+}