innov
/
BootstrapAdmin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: 修复 IE11 下侧边栏菜单背景色错位问题 

#Comment
原因是IE11对 display: flex 支持的不好，此模式下 position: absolute 错位
This commit is contained in:
Argo Zhang 2019-08-22 21:35:45 +08:00
parent 76f89cc681
commit 7d36830838
No known key found for this signature in database
GPG Key ID: 152E398953DDF19F
2 changed files with 31 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
Bootstrap.Admin/wwwroot/css/theme.css
View File

@ -265,8 +265,8 @@ body, .form-control, .dropdown-menu, .btn:not(.btn-lg):not(.btn-xs), .input-grou
color: #aeb2b7; color: #aeb2b7;
padding: 10px 10px; padding: 10px 10px;
transition: background .3s linear, color .3s linear; transition: background .3s linear, color .3s linear;
display: flex; display: block;
align-items: center; vertical-align: middle;
} }
.sidebar .nav-link i:first-child { .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); 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:hover,
.sidebar .nav-sidebar > .nav-item > .nav-link[aria-expanded="true"], .sidebar .nav-sidebar > .nav-item > .nav-link[aria-expanded="true"],
.sidebar .show .nav-item .nav-link:hover:before, .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; border-radius: 4px;
height: 41px; height: 41px;
transition: all .3s linear; transition: all .3s linear;
margin-top: -10px;
} }
.sidebar .sub .nav-item .nav-link i, .sidebar .sub .nav-item .nav-link span { .sidebar .sub .nav-item .nav-link i, .sidebar .sub .nav-item .nav-link span {
z-index: 2; z-index: 2;
position: relative;
} }
.sidebar-toggle-box, .nav-brand span { .sidebar-toggle-box, .nav-brand span {

27
Bootstrap.Client/wwwroot/css/theme.css
View File

@ -265,8 +265,8 @@ body, .form-control, .dropdown-menu, .btn:not(.btn-lg):not(.btn-xs), .input-grou
color: #aeb2b7; color: #aeb2b7;
padding: 10px 10px; padding: 10px 10px;
transition: background .3s linear, color .3s linear; transition: background .3s linear, color .3s linear;
display: flex; display: block;
align-items: center; vertical-align: middle;
} }
.sidebar .nav-link i:first-child { .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); 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:hover,
.sidebar .nav-sidebar > .nav-item > .nav-link[aria-expanded="true"], .sidebar .nav-sidebar > .nav-item > .nav-link[aria-expanded="true"],
.sidebar .show .nav-item .nav-link:hover:before, .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; left: 10px;
right: 10px; right: 10px;
border-radius: 4px; border-radius: 4px;
z-index: -1;
height: 41px; height: 41px;
transition: all .3s linear; 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 { .sidebar-toggle-box {
display: block; display: block;
font-size: 1.25rem;
color: #777; color: #777;
flex: 1 1 auto; flex: 1 1 auto;
padding: 12px 0; padding: 12px 0;
@ -335,7 +348,7 @@ aside {
transition: transform .3s ease-in-out; transition: transform .3s ease-in-out;
transform: translate(-100%); transform: translate(-100%);
position: absolute; position: absolute;
top: 96px; top: 93px;
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
@ -609,6 +622,10 @@ input.pending {
display: block; display: block;
} }
.bootstrap-table .fixed-table-body td .btn-group {
white-space: nowrap;
}
.bootstrap-table .fixed-table-toolbar .columns-right .btn-group .dropdown-menu { .bootstrap-table .fixed-table-toolbar .columns-right .btn-group .dropdown-menu {
padding-top: 8px; padding-top: 8px;
} }