diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 61a161688e..10a05729c9 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2689,30 +2689,9 @@ fieldset[disabled] .btn-link:hover { padding-left: 12px; } -.btn-group.open { - /* .btn.dropdown-toggle { - background-color: @btn-background-highlight; - } - .btn-primary.dropdown-toggle { - background-color: @btn-background-primary-highlight; - } - .btn-warning.dropdown-toggle { - background-color: @btn-background-warning-highlight; - } - .btn-danger.dropdown-toggle { - background-color: @btn-background-danger-highlight; - } - .btn-success.dropdown-toggle { - background-color: @btn-background-success-highlight; - } -*/ - -} - .btn-group.open .dropdown-toggle { - background-image: none; - -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15); + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn .caret { diff --git a/less/button-groups.less b/less/button-groups.less index 00cd786347..125dbebb01 100644 --- a/less/button-groups.less +++ b/less/button-groups.less @@ -91,32 +91,11 @@ padding-right: 12px; } -.btn-group.open { - - // The clickable button for toggling the menu - // Remove the gradient and set the same inset shadow as the :active state - .dropdown-toggle { - background-image: none; - .box-shadow(inset 0 2px 4px rgba(0,0,0,.15)); - } - - // Keep the hover's background when dropdown is open -/* .btn.dropdown-toggle { - background-color: @btn-background-highlight; - } - .btn-primary.dropdown-toggle { - background-color: @btn-background-primary-highlight; - } - .btn-warning.dropdown-toggle { - background-color: @btn-background-warning-highlight; - } - .btn-danger.dropdown-toggle { - background-color: @btn-background-danger-highlight; - } - .btn-success.dropdown-toggle { - background-color: @btn-background-success-highlight; - } -*/} +// The clickable button for toggling the menu +// Remove the gradient and set the same inset shadow as the :active state +.btn-group.open .dropdown-toggle { + .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); +} // Reposition the caret