mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-11 18:02:28 +03:00
Code Activity

improve dropdown submenu docs; add docs for left submenu; remove all dupe css for left submenu

Browse Source
This commit is contained in:
Mark Otto
2012-10-01 16:41:13 -07:00
parent 7763cab608
commit 1b814458c9
4 changed files with 126 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
less/dropdowns.less
+13 -32
View File
@@ -206,39 +206,20 @@
border-left-color: @dropdownLinkColorHover;
}
// Left-opening Sub menus
// ---------------------------
.dropdown-submenu-left {
position: relative;
}
.dropdown-submenu-left > .dropdown-menu {
top: 0;
left: -100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 6px 0px 6px 6px;
-moz-border-radius: 6px 0px 6px 6px;
border-radius: 6px 0px 6px 6px;
}
.dropdown-submenu-left:hover > .dropdown-menu {
display: block;
}
// Left aligned submenus
.dropdown-submenu.pull-left {
// Undo the float
// Yes, this is awkward since .pull-left adds a float, but it sticks to our conventions elsewhere.
float: none;
.dropdown-submenu-left > a:before {
display: block;
content: " ";
float: left;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 5px 5px 0px;
border-right-color: darken(@dropdownBackground, 20%);
margin-top: 5px;
margin-left: -10px;
}
.dropdown-submenu-left:hover > a:after {
border-right-color: @dropdownLinkColorHover;
// Positioning the submenu
> .dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
}
// Tweak nav headers