调整编辑模式下弹窗大小，适配移动端屏幕

Bootstrap.Admin/Content/admin-responsive.css

@@ -69,17 +69,6 @@
     }
 }
 
-@media (min-height: 568px) {
-    .modal-body {
-        max-height: 480px;
-        overflow-y: auto;
-    }
-
-    .file-zoom-dialog .modal-body {
-        max-height: none;
-    }
-}
-
 @media (min-height: 672px) {
     .sidebar {
         top: 94px;
@@ -106,24 +95,3 @@
         transform: translate(0);
     }
 }
-
-@media (max-height: 568px) {
-    .modal-body {
-        height: 300px;
-        overflow-y: auto;
-    }
-}
-
-@media (max-height: 414px) {
-    .modal-body {
-        height: 190px;
-        overflow-y: auto;
-    }
-}
-
-@media (max-height: 320px) {
-    .modal-body {
-        height: 150px;
-        overflow-y: auto;
-    }
-}

Bootstrap.Admin/Content/admin.css

@@ -81,11 +81,15 @@
     margin-left: 4px;
 }
 
-.modal.in .modal-dialog {
+.modal .modal-dialog {
     padding: 0 15px;
     max-width: 1000px;
 }
 
+.modal.file-zoom-dialog .modal-dialog {
+    max-width: none;
+}
+
 .modal-header {
     background-color: #f5f5f5;
     border-top-left-radius: 6px;

Bootstrap.Admin/Content/fa.css

@@ -58,35 +58,6 @@
                     padding-left: 10px;
                 }
 
-@media (min-width: 768px) {
-    .fa-nav {
-        display: block;
-        position: fixed;
-        top: 130px;
-        right: 32px;
-        width: 140px;
-        bottom: 70px;
-    }
-
-    .fa-icons {
-        margin-right: 160px;
-    }
-}
-
-@media (max-width: 360px) {
-    .icon-content .modal-footer span {
-        display: none;
-    }
-}
-
-@media (max-height: 768px) {
-    .menu-content {
-        top: 20px;
-        position: fixed;
-        width: inherit;
-    }
-}
-
 .form-group .input-group .input-group-btn .btn i {
     color: #187c9a;
     width: 22px;
@@ -232,15 +203,66 @@
 
 .menu-content {
     display: none;
+    position: fixed;
     z-index: 1051;
+    top: 0;
+    left: 10px;
+    right: 10px;
 }
 
     .menu-content .modal-body {
         overflow-y: auto;
-        max-height: 400px;
+        max-height: 190px;
         padding-bottom: 15px;
     }
 
     .menu-content .dd {
         max-width: inherit;
     }
+
+.icon-content .modal-footer span {
+    display: none;
+}
+
+@media (min-width: 375px) {
+    .icon-content .modal-footer span {
+        display: inline-block;
+    }
+}
+
+@media (min-width: 768px) {
+    .fa-nav {
+        display: block;
+        position: fixed;
+        top: 130px;
+        right: 32px;
+        width: 140px;
+        bottom: 70px;
+    }
+
+    .fa-icons {
+        margin-right: 160px;
+    }
+
+    .menu-content {
+        max-width: 750px;
+    }
+}
+
+@media (min-height: 375px) {
+    .menu-content .modal-body {
+        max-height: 240px;
+    }
+}
+
+@media (min-height: 414px) {
+    .menu-content .modal-body {
+        max-height: 280px;
+    }
+}
+
+@media (min-height: 768px) {
+    .menu-content .modal-body {
+        max-height: 530px;
+    }
+}

Bootstrap.Admin/Scripts/Menus.js

@@ -80,7 +80,8 @@
         url: Menu.url,            //请求后台的URL（*）
         sortName: 'Order',
         queryParams: function (params) { return $.extend(params, { parentName: $('#txt_parent_menus_name').val(), name: $("#txt_menus_name").val(), category: $('#sel_menus_category').val(), isresource: $('#sel_menus_res').val() }); },           //传递参数（*）
-        columns: [{ checkbox: true },
+        columns: [
+            { checkbox: true },
             { title: "Id", field: "ID", events: bsa.idEvents(), formatter: BootstrapAdmin.idFormatter },
             { title: "父级菜单", field: "ParentName", sortable: true },
             { title: "菜单名称", field: "Name", sortable: true },
@@ -121,7 +122,8 @@
                 title: "菜单类型", field: "IsResource", sortable: true, formatter: function (value, row, index) {
                     return value == 0 ? "菜单" : "资源";
                 }
-            }, {
+            },
+            {
                 title: "所属应用", field: "ApplicationCode", sortable: true, formatter: function (value, row, index) {
                     return $('#app').next().find('[data-val="' + value + '"]:first').text();
                 }
@@ -148,11 +150,13 @@
     });
 
     $btnPickIcon.on('click', function () {
+        $dialogNew.hide();
         $dialogIcon.show();
     });
 
     $dialogIcon.find('div.modal-header, div.modal-footer').on('click', 'button', function () {
         $dialogIcon.hide();
+        $dialogNew.show();
     });
 
     $dialogIcon.find('div.modal-footer').on('click', 'button:last', function () {
@@ -251,4 +255,10 @@
             }
         }
     });
+
+    $(window).on('resize.bs.modal', function () {
+        if ($dialogMenu.is(':visible')) {
+            $dialogMenu.adjustDialog();
+        }
+    });
 });