From 30454a453db52374ea64960c08d374faf065584b Mon Sep 17 00:00:00 2001
From: liangshiwei <deawback@hotmail.com>
Date: Mon, 7 Apr 2025 15:16:42 +0800
Subject: [PATCH] Fix Feature management modal scrollbar issue

---
 .../Pages/FeatureManagement/FeatureManagementModal.cshtml | 3 ++-
 .../Pages/FeatureManagement/feature-management-modal.css  | 8 ++++++++
 .../Pages/FeatureManagement/feature-management-modal.js   | 2 +-
 3 files changed, 11 insertions(+), 2 deletions(-)
 create mode 100644 modules/feature-management/src/Volo.Abp.FeatureManagement.Web/Pages/FeatureManagement/feature-management-modal.css

diff --git a/modules/feature-management/src/Volo.Abp.FeatureManagement.Web/Pages/FeatureManagement/FeatureManagementModal.cshtml b/modules/feature-management/src/Volo.Abp.FeatureManagement.Web/Pages/FeatureManagement/FeatureManagementModal.cshtml
index 9c3ceca88f..c55399d582 100644
--- a/modules/feature-management/src/Volo.Abp.FeatureManagement.Web/Pages/FeatureManagement/FeatureManagementModal.cshtml
+++ b/modules/feature-management/src/Volo.Abp.FeatureManagement.Web/Pages/FeatureManagement/FeatureManagementModal.cshtml
@@ -21,6 +21,7 @@
 }
 
 <abp-script src="/Pages/FeatureManagement/feature-management-modal.js" />
+<abp-style src="/Pages/FeatureManagement/feature-management-modal.css" />
 
 <form method="post" asp-page="/FeatureManagement/FeatureManagementModal" data-script-class="abp.modals.FeatureManagement" id="FeatureManagementForm">
     <abp-modal id="featureManagmentModal" size="Large">
@@ -39,7 +40,7 @@
                         <abp-tab title="@featureGroup.DisplayName" name="v-pills-tab-@featureGroup.GetNormalizedGroupName()">
                             <h4>@featureGroup.DisplayName</h4>
                             <hr class="mt-2 mb-3"/>
-                            <div class="custom-scroll-content">
+                            <div class="custom-scroll-content" style="height: 400px;">
                                 <div class="pl-1 pt-1">
                                     @for (var j = 0; j < featureGroup.Features.Count; j++)
                                     {
diff --git a/modules/feature-management/src/Volo.Abp.FeatureManagement.Web/Pages/FeatureManagement/feature-management-modal.css b/modules/feature-management/src/Volo.Abp.FeatureManagement.Web/Pages/FeatureManagement/feature-management-modal.css
new file mode 100644
index 0000000000..615db50fb4
--- /dev/null
+++ b/modules/feature-management/src/Volo.Abp.FeatureManagement.Web/Pages/FeatureManagement/feature-management-modal.css
@@ -0,0 +1,8 @@
+.custom-scroll-content {
+    max-height: 400px;
+}
+
+
+.custom-scroll-container > .col-md-4 {
+    max-height: 500px;
+}
\ No newline at end of file
diff --git a/modules/feature-management/src/Volo.Abp.FeatureManagement.Web/Pages/FeatureManagement/feature-management-modal.js b/modules/feature-management/src/Volo.Abp.FeatureManagement.Web/Pages/FeatureManagement/feature-management-modal.js
index fd9c654ae6..5595db7a47 100644
--- a/modules/feature-management/src/Volo.Abp.FeatureManagement.Web/Pages/FeatureManagement/feature-management-modal.js
+++ b/modules/feature-management/src/Volo.Abp.FeatureManagement.Web/Pages/FeatureManagement/feature-management-modal.js
@@ -88,7 +88,7 @@ var abp = abp || {};
                 $('.custom-scroll-content').mCustomScrollbar({
                     theme: 'minimal-dark',
                 });
-                $('.custom-scroll-container > .col-4').mCustomScrollbar({
+                $('.custom-scroll-container > .col-md-4').mCustomScrollbar({
                     theme: 'minimal-dark',
                 });
             });