mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-21 18:54:30 +01:00
Update .dropdown-menu selectors to avoid conflicts with other elements. Fixes #6197
This commit is contained in:
parent
070c125cec
commit
c105906780
16
docs/assets/css/bootstrap.css
vendored
16
docs/assets/css/bootstrap.css
vendored
@ -2909,7 +2909,7 @@ table th[class*="span"],
|
|||||||
border-bottom: 1px solid #ffffff;
|
border-bottom: 1px solid #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-menu li > a {
|
.dropdown-menu > li > a {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 3px 20px;
|
padding: 3px 20px;
|
||||||
clear: both;
|
clear: both;
|
||||||
@ -2919,8 +2919,8 @@ table th[class*="span"],
|
|||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-menu li > a:hover,
|
.dropdown-menu > li > a:hover,
|
||||||
.dropdown-menu li > a:focus,
|
.dropdown-menu > li > a:focus,
|
||||||
.dropdown-submenu:hover > a {
|
.dropdown-submenu:hover > a {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
@ -2934,8 +2934,8 @@ table th[class*="span"],
|
|||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-menu .active > a,
|
.dropdown-menu > .active > a,
|
||||||
.dropdown-menu .active > a:hover {
|
.dropdown-menu > .active > a:hover {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: #0081c2;
|
background-color: #0081c2;
|
||||||
@ -2949,12 +2949,12 @@ table th[class*="span"],
|
|||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-menu .disabled > a,
|
.dropdown-menu > .disabled > a,
|
||||||
.dropdown-menu .disabled > a:hover {
|
.dropdown-menu > .disabled > a:hover {
|
||||||
color: #999999;
|
color: #999999;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-menu .disabled > a:hover {
|
.dropdown-menu > .disabled > a:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
@ -72,7 +72,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Links within the dropdown menu
|
// Links within the dropdown menu
|
||||||
li > a {
|
> li > a {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 3px 20px;
|
padding: 3px 20px;
|
||||||
clear: both;
|
clear: both;
|
||||||
@ -85,8 +85,8 @@
|
|||||||
|
|
||||||
// Hover state
|
// Hover state
|
||||||
// -----------
|
// -----------
|
||||||
.dropdown-menu li > a:hover,
|
.dropdown-menu > li > a:hover,
|
||||||
.dropdown-menu li > a:focus,
|
.dropdown-menu > li > a:focus,
|
||||||
.dropdown-submenu:hover > a {
|
.dropdown-submenu:hover > a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: @dropdownLinkColorHover;
|
color: @dropdownLinkColorHover;
|
||||||
@ -95,8 +95,8 @@
|
|||||||
|
|
||||||
// Active state
|
// Active state
|
||||||
// ------------
|
// ------------
|
||||||
.dropdown-menu .active > a,
|
.dropdown-menu > .active > a,
|
||||||
.dropdown-menu .active > a:hover {
|
.dropdown-menu > .active > a:hover {
|
||||||
color: @dropdownLinkColorActive;
|
color: @dropdownLinkColorActive;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
outline: 0;
|
outline: 0;
|
||||||
@ -106,12 +106,12 @@
|
|||||||
// Disabled state
|
// Disabled state
|
||||||
// --------------
|
// --------------
|
||||||
// Gray out text and ensure the hover state remains gray
|
// Gray out text and ensure the hover state remains gray
|
||||||
.dropdown-menu .disabled > a,
|
.dropdown-menu > .disabled > a,
|
||||||
.dropdown-menu .disabled > a:hover {
|
.dropdown-menu > .disabled > a:hover {
|
||||||
color: @grayLight;
|
color: @grayLight;
|
||||||
}
|
}
|
||||||
// Nuke hover effects
|
// Nuke hover effects
|
||||||
.dropdown-menu .disabled > a:hover {
|
.dropdown-menu > .disabled > a:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: none; // Remove CSS gradient
|
background-image: none; // Remove CSS gradient
|
||||||
|
Loading…
x
Reference in New Issue
Block a user