修改BUG：移动公共样式到theme.css

Bootstrap.Admin/Views/Admin/Exceptions.cshtml

@@ -53,7 +53,7 @@
         </form>
     </div>
 </div>
-<div id="toolbar" class="btn-group hidden">
+<div id="toolbar" class="btn-group d-none">
     <button id="btn_view" type="button" class="btn btn-danger">
         <i class="fa fa-file-text-o" aria-hidden="true"></i><span class="hidden-tb">服务器日志</span>
     </button>
@@ -68,13 +68,13 @@
     <div class="card-header">
         查询结果
     </div>
-    <div class="panel-body barTable">
+    <div class="card-body">
         <table></table>
     </div>
 </div>
 @section modal {
     <div class="modal fade" id="dialogNew" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="myModalLabel" aria-hidden="true">
-        <div id="errorList" class="modal-dialog">
+        <div id="errorList" class="modal-dialog modal-dialog-centered modal-lg" role="document">
             <div class="modal-content">
                 <div class="modal-header">
                     <h5 class="modal-title" id="myModalLabel">程序异常日志窗口</h5>
@@ -97,13 +97,15 @@
             <button type="button" class="close" aria-hidden="true">&times;</button>
         </div>
         <div class="modal-body">
-            <i id="fa-top" class="fa-target"></i>
+            <div class="iconview">
-            <div class="affix" id="myScrollspy">
+                <i id="fa-top" class="fa-target"></i>
-                <div><a href="#fa-top" class="fa fa-arrow-circle-up"></a></div>
+                <div class="affix">
-                <div><a href="#fa-bottom" class="fa fa-arrow-circle-down"></a></div>
+                    <div><a href="#fa-top" class="fa fa-arrow-circle-up"></a></div>
+                    <div><a href="#fa-bottom" class="fa fa-arrow-circle-down"></a></div>
+                </div>
+                <div id="dataFormDetail" class="ex-content"><div class="text-center"><i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i></div></div>
+                <i id="fa-bottom" class="fa-target"></i>
             </div>
-            <div id="dataFormDetail" class="ex-content"><div class="text-center"><i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i></div></div>
-            <i id="fa-bottom" class="fa-target"></i>
         </div>
         <div class="modal-footer">
             <button type="button" class="btn btn-secondary">

Bootstrap.Admin/Views/Admin/Logs.cshtml

@@ -72,7 +72,7 @@
     <div class="card-header">
         查询结果
     </div>
-    <div class="panel-body barTable">
+    <div class="card-body">
         <table></table>
     </div>
 </div>

Bootstrap.Admin/Views/Shared/GroupConfig.cshtml

@@ -6,7 +6,9 @@
                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
             </div>
             <div class="modal-body">
-                <form id="groupForm" class="form-inline"></form>
+                <form class="form-inline">
+                    <div class="row" id="groupForm"></div>
+                </form>
             </div>
             <div class="modal-footer">
                 <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>

Bootstrap.Admin/Views/Shared/RoleConfig.cshtml

@@ -6,7 +6,8 @@
                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
             </div>
             <div class="modal-body">
-                <form id="roleForm" class="form-inline">
+                <form class="form-inline">
+                    <div class="row" id="roleForm"></div>
                 </form>
             </div>
             <div class="modal-footer">

Bootstrap.Admin/Views/Shared/UserConfig.cshtml

@@ -6,7 +6,9 @@
                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
             </div>
             <div class="modal-body">
-                <form id="userForm" class="form-inline"></form>
+                <form class="form-inline">
+                    <div class="row" id="userForm"></div>
+                </form>
             </div>
             <div class="modal-footer">
                 <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>

Bootstrap.Admin/Views/Shared/_Default.cshtml

@@ -61,7 +61,7 @@
     <div id="panelResultHeader" class="card-header">
         查询结果
     </div>
-    <div class="card-body barTable">
+    <div class="card-body">
         <table></table>
     </div>
 </div>

Bootstrap.Admin/wwwroot/css/admin.css

@@ -37,69 +37,6 @@
         color: #ac2925;
     }
 
-.form-inline .form-group {
-    margin-bottom: 15px;
-}
-
-    .form-inline .form-group .control-label {
-        margin-right: 10px;
-        width: 80px;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        overflow: hidden;
-        justify-content: flex-start;
-    }
-
-
-.modal-dialog .modal-body, .card-body {
-    padding: 15px 15px 0 15px;
-}
-
-    .modal-dialog .modal-body .form-inline .form-group input[type="text"], .modal-dialog .modal-body .form-inline .form-group input[type="password"] {
-        padding-right: 30px;
-    }
-
-.btn span:last-child {
-    margin-left: 4px;
-}
-
-.modal-header {
-    background-color: #f5f5f5;
-    border-top-left-radius: 6px;
-    border-top-right-radius: 6px;
-    padding: 10px 15px;
-}
-
-.modal-body .checkbox, .modal-body .radio {
-    min-width: 190px;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-}
-
-.modal-footer .btn {
-    padding-left: 22px;
-    padding-right: 22px;
-}
-
-input.is-invalid {
-    background-repeat: no-repeat;
-    background-image: url('../images/error.png');
-    background-position: right 8px center;
-}
-
-input.is-valid {
-    background-repeat: no-repeat;
-    background-image: url('../images/success.png');
-    background-position: right 8px center;
-}
-
-input.pending {
-    background-repeat: no-repeat;
-    background-image: url(../img/loading-sm.gif);
-    background-position: right 8px center;
-}
-
 .main-content {
     transition: all .4s ease-in-out;
     padding: 15px 15px 0 15px;
@@ -218,30 +155,13 @@ aside {
                     padding: 12px 0;
                 }
 
-/*Modal Dialog Checkbox*/
+.affix {
-.modal-body .checkbox, .modal-dialog .radio {
-    padding: 0;
-    margin-top: 0;
-}
-
-    .modal-body .checkbox label, .modal-body .radio label {
-        padding-left: 0;
-    }
-
-        .modal-body .checkbox label input[type='checkbox'], .modal-body .radio label input[type='radio'] {
-            margin: 0 4px 0 0;
-            vertical-align: middle;
-            position: relative;
-            top: -1px;
-        }
-
-.modal-body .affix {
     position: fixed;
     bottom: 95px;
     right: 50px;
 }
 
-    .modal-body .affix a {
+    .affix a {
         font-size: 2rem;
         margin-top: 16px;
     }
@@ -281,24 +201,6 @@ aside {
                 color: #235e90;
             }
 
-/*cache*/
-.panel .fa-refresh {
-    font-size: 1.5rem;
-}
-
-.bootstrap-select .dropdown-menu {
-    padding: 0;
-}
-
-    .bootstrap-select .dropdown-menu > li > a {
-        padding-top: 7px;
-        padding-bottom: 7px;
-    }
-
-input[type="datetime"] {
-    min-width: 220px;
-}
-
 /*Messages*/
 .mail-box {
     display: flex;
@@ -432,25 +334,3 @@ input[type="datetime"] {
                 .mail-box .lg-side .table-inbox tr td:hover {
                     cursor: pointer;
                 }
-
-/*Bootstrap Table BUG */
-.fixed-table-loading {
-    padding-top: 5px;
-}
-
-.bootstrap-table {
-    padding-bottom: 15px;
-}
-
-    .bootstrap-table .fixed-table-body .table {
-        border-bottom: none;
-    }
-/*Bootstrap Table BUG END*/
-
-.input-group.form_date span {
-    border-left: none;
-}
-
-.barTable {
-    padding: 5px 15px 0px 15px;
-}

Bootstrap.Admin/wwwroot/css/fa.css

@@ -217,14 +217,8 @@
             margin-right: 10px;
         }
 
-.logitem {
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
 .logfile {
     color: #d41404;
-    white-space: nowrap;
 }
 
     .logfile:focus, .logfile:active, .logfile:hover {
@@ -233,6 +227,12 @@
 
     .logfile span {
         margin-left: 4px;
+        max-width: 146px;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        display: inline-block;
+        vertical-align: middle;
     }
 
 .modal-header > h4 {

Bootstrap.Admin/wwwroot/css/theme.css

@@ -11,6 +11,75 @@
     border-bottom-color: #dc3545;
 }
 
+input.is-invalid {
+    background-repeat: no-repeat;
+    background-image: url('../images/error.png');
+    background-position: right 8px center;
+}
+
+input.is-valid {
+    background-repeat: no-repeat;
+    background-image: url('../images/success.png');
+    background-position: right 8px center;
+}
+
+input.pending {
+    background-repeat: no-repeat;
+    background-image: url(../img/loading-sm.gif);
+    background-position: right 8px center;
+}
+
 .form-check-input {
     margin-top: 6.4px;
 }
+
+.form-inline .form-group {
+    margin-bottom: 15px;
+}
+
+    .form-inline .form-group .control-label {
+        margin-right: 10px;
+        width: 80px;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        justify-content: flex-start;
+    }
+
+.modal-header {
+    background-color: #f5f5f5;
+    padding: 10px 15px;
+}
+
+.modal-body, .card-body {
+    padding: 15px 15px 0 15px;
+}
+
+.btn span:last-child {
+    margin-left: 4px;
+}
+
+input[data-valid="true"] {
+    padding-right: 30px;
+}
+
+.form-check-input + span, .form-check-input + label {
+    max-width: 148px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+/*Bootstrap Table BUG */
+.fixed-table-loading {
+    padding: 8px;
+}
+
+.bootstrap-table .fixed-table-body .table {
+    border-bottom: none;
+}
+
+.card-body .bootstrap-table {
+    margin-top: -10px;
+}
+/*Bootstrap Table BUG END*/

Bootstrap.Admin/wwwroot/js/Exceptions.js

@@ -44,16 +44,16 @@
             url: Exceptions.url, swal: false,
             callback: function (result) {
                 var html = result.map(function (ele) {
-                    return $.format('<div class="form-group col-lg-3 col-md-3 col-sm-4 col-xs-6 logitem"><a class="logfile" title="{0}" href="#"><i class="fa fa-file-text-o"></i><span>{0}</span></a></div>', ele);
+                    return $.format('<div class="form-group col-lg-3 col-md-3 col-sm-4 col-6"><a class="logfile" data-toggle="tooltip" title="{0}" href="#"><i class="fa fa-file-text-o"></i><span>{0}</span></a></div>', ele);
                 }).join('');
-                $dataForm.children('div').html(html);
+                $dataForm.children('div').html(html).find('[data-toggle="tooltip"]').tooltip();
                 $dialog.modal('show');
             }
         });
     });
 
     $dialog.on('click', 'a', function () {
-        var fileName = $(this).find('span').text();
+        var fileName = $(this).tooltip('hide').find('span').text();
         $errorDetailTitle.text(fileName);
         $errorList.hide();
         $errorDetail.show();

Bootstrap.Admin/wwwroot/js/Longbow.Common.js

@@ -120,7 +120,7 @@
                 contentType: 'application/json',
                 dataType: 'json',
                 method: "post",
-                htmlTemplate: '<div class="form-group col-md-3 col-sm-4 col-6"><div class="form-check"><label class="form-check-label" title="{3}" data-toggle="tooltip"><input type="checkbox" class="form-check-input" value="{0}" {2}/>{1}</label></div></div>',
+                htmlTemplate: '<div class="form-group col-md-3 col-sm-4 col-6"><div class="form-check"><label class="form-check-label" title="{3}" data-toggle="tooltip"><input type="checkbox" class="form-check-input" value="{0}" {2}/><span>{1}</span></label></div></div>',
                 title: "",
                 swal: true,
                 modal: null,