orga0063
/
BootstrapAdmin
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

更新样式：移除.header [data-toggle="dropdown"]样式，分解样式到nav与userinfo中，便于复用

This commit is contained in:
Argo-MacBookPro 2018-10-01 13:54:26 +08:00
parent 40cc031887
commit 1faeac907c
1 changed files with 17 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
Bootstrap.Admin/wwwroot/css/site.css
View File

@ -138,18 +138,6 @@ a, a:hover, a:focus {
margin-right: 6px; margin-right: 6px;
} }
.header [data-toggle="dropdown"] {
border: 1px solid #eee;
border-radius: 4px;
padding: 6px 12px;
color: #777;
transition: all .25s linear;
}
.header [data-toggle="dropdown"]:hover {
color: #333;
}
.header .badge { .header .badge {
position: absolute; position: absolute;
right: -6px; right: -6px;
@ -157,16 +145,16 @@ a, a:hover, a:focus {
opacity: 0.8; opacity: 0.8;
} }
.header .dropdown-item.active, .header .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: transparent;
}
.dropdown-item i + span { .dropdown-item i + span {
margin-left: 6px; margin-left: 6px;
} }
.nav [data-toggle="dropdown"] {
border-radius: 4px;
padding: 6px 12px;
transition: all .25s linear;
}
.nav .dropdown-menu { .nav .dropdown-menu {
width: 235px; width: 235px;
border: none; border: none;
@ -231,12 +219,23 @@ a, a:hover, a:focus {
.userinfo .dropdown-toggle { .userinfo .dropdown-toggle {
display: block; display: block;
padding: 6px; padding: 6px;
border-radius: 4px;
transition: all .25s linear;
}
.userinfo .dropdown-toggle, .nav [data-toggle="dropdown"] {
border: 1px solid #eee;
color: #777;
} }
.userinfo .dropdown-toggle:after { .userinfo .dropdown-toggle:after {
vertical-align: middle; vertical-align: middle;
} }
.userinfo .dropdown-toggle:hover, .userinfo.show .dropdown-toggle, .nav [data-toggle="dropdown"]:hover {
color: #333;
}
.userinfo .dropdown-item { .userinfo .dropdown-item {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;