rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

Support for left-opening dropdown submenus

Browse Source 
Adds a new class called .dropdown-submenu-left. It is useful when you
have a .pull-right DropDown that has submenus. Without this, the menu
opens left past the page boundary, which can trigger the scrollbars and
cause other nastiness.
This commit is contained in:
Robert McLaws 2012-09-16 03:02:31 -04:00
parent 6c4b276cd4
commit 6aa15eb01f
1 changed files with 34 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
less/dropdowns.less
View File

@ -163,7 +163,6 @@
.dropdown-submenu {
position: relative;
}
// Default dropdowns
.dropdown-submenu > .dropdown-menu {
top: 0;
@ -207,6 +206,40 @@
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;
}
.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;
}
// Tweak nav headers
// -----------------