From 7d3683083883713ae6892b511ba9e2bdec0c6f2c Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@163.com>
Date: Thu, 22 Aug 2019 21:35:45 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20IE11=20=E4=B8=8B?=
 =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E6=A0=8F=E8=8F=9C=E5=8D=95=E8=83=8C=E6=99=AF?=
 =?UTF-8?q?=E8=89=B2=E9=94=99=E4=BD=8D=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#Comment
原因是IE11对 display: flex 支持的不好，此模式下 position: absolute 错位
---
 Bootstrap.Admin/wwwroot/css/theme.css  | 11 +++++++++--
 Bootstrap.Client/wwwroot/css/theme.css | 27 +++++++++++++++++++++-----
 2 files changed, 31 insertions(+), 7 deletions(-)

diff --git a/Bootstrap.Admin/wwwroot/css/theme.css b/Bootstrap.Admin/wwwroot/css/theme.css
index e0312237..1245153d 100644
--- a/Bootstrap.Admin/wwwroot/css/theme.css
+++ b/Bootstrap.Admin/wwwroot/css/theme.css
@@ -265,8 +265,8 @@ body, .form-control, .dropdown-menu, .btn:not(.btn-lg):not(.btn-xs), .input-grou
         color: #aeb2b7;
         padding: 10px 10px;
         transition: background .3s linear, color .3s linear;
-        display: flex;
-        align-items: center;
+        display: block;
+        vertical-align: middle;
     }
 
         .sidebar .nav-link i:first-child {
@@ -290,6 +290,11 @@ body, .form-control, .dropdown-menu, .btn:not(.btn-lg):not(.btn-xs), .input-grou
         transform: rotate(-90deg);
     }
 
+    .sidebar .nav-item.parent .nav-link .fa-angle-left {
+        float: right;
+        margin-top: 4px;
+    }
+
     .sidebar .nav-sidebar > .nav-item > .nav-link:hover,
     .sidebar .nav-sidebar > .nav-item > .nav-link[aria-expanded="true"],
     .sidebar .show .nav-item .nav-link:hover:before,
@@ -311,10 +316,12 @@ body, .form-control, .dropdown-menu, .btn:not(.btn-lg):not(.btn-xs), .input-grou
         border-radius: 4px;
         height: 41px;
         transition: all .3s linear;
+        margin-top: -10px;
     }
 
     .sidebar .sub .nav-item .nav-link i, .sidebar .sub .nav-item .nav-link span {
         z-index: 2;
+        position: relative;
     }
 
 .sidebar-toggle-box, .nav-brand span {
diff --git a/Bootstrap.Client/wwwroot/css/theme.css b/Bootstrap.Client/wwwroot/css/theme.css
index b994796c..1245153d 100644
--- a/Bootstrap.Client/wwwroot/css/theme.css
+++ b/Bootstrap.Client/wwwroot/css/theme.css
@@ -265,8 +265,8 @@ body, .form-control, .dropdown-menu, .btn:not(.btn-lg):not(.btn-xs), .input-grou
         color: #aeb2b7;
         padding: 10px 10px;
         transition: background .3s linear, color .3s linear;
-        display: flex;
-        align-items: center;
+        display: block;
+        vertical-align: middle;
     }
 
         .sidebar .nav-link i:first-child {
@@ -290,6 +290,11 @@ body, .form-control, .dropdown-menu, .btn:not(.btn-lg):not(.btn-xs), .input-grou
         transform: rotate(-90deg);
     }
 
+    .sidebar .nav-item.parent .nav-link .fa-angle-left {
+        float: right;
+        margin-top: 4px;
+    }
+
     .sidebar .nav-sidebar > .nav-item > .nav-link:hover,
     .sidebar .nav-sidebar > .nav-item > .nav-link[aria-expanded="true"],
     .sidebar .show .nav-item .nav-link:hover:before,
@@ -309,14 +314,22 @@ body, .form-control, .dropdown-menu, .btn:not(.btn-lg):not(.btn-xs), .input-grou
         left: 10px;
         right: 10px;
         border-radius: 4px;
-        z-index: -1;
         height: 41px;
         transition: all .3s linear;
+        margin-top: -10px;
     }
 
+    .sidebar .sub .nav-item .nav-link i, .sidebar .sub .nav-item .nav-link span {
+        z-index: 2;
+        position: relative;
+    }
+
+.sidebar-toggle-box, .nav-brand span {
+    font-size: 1.25rem;
+}
+
 .sidebar-toggle-box {
     display: block;
-    font-size: 1.25rem;
     color: #777;
     flex: 1 1 auto;
     padding: 12px 0;
@@ -335,7 +348,7 @@ aside {
     transition: transform .3s ease-in-out;
     transform: translate(-100%);
     position: absolute;
-    top: 96px;
+    top: 93px;
     bottom: 0;
     left: 0;
     right: 0;
@@ -609,6 +622,10 @@ input.pending {
         display: block;
     }
 
+    .bootstrap-table .fixed-table-body td .btn-group {
+        white-space: nowrap;
+    }
+
     .bootstrap-table .fixed-table-toolbar .columns-right .btn-group .dropdown-menu {
         padding-top: 8px;
     }