When buttons is disabled and gradients are enabled, hover state changes background

[jhhazelaar]

When a buttons is disabled and gradients are enabled. The hover state of a disabled button change to button hover gradient background. I think this should stay in the disabled state background.

Now it looks weird when disabled and hover changes background of button.

Can't reproduce a codepen example, because I can't enabled gradients without compiling the scss. I think the solution is to change the background-color to background in the button-variant mixin here:

bootstrap/scss/mixins/_buttons.scss

Line 32 in 4bc5cc1

background-color: $background;

• Operating system and version: Mac OS 10.13.4
• Browser and version: Chrome 66.0.3359.117

[ysds]

You are right. We should add background-image: none like dropdown items?

bootstrap/scss/_dropdown.scss

Lines 136 to 144 in 14f7126

	&.disabled,
	&:disabled {
	color: $dropdown-link-disabled-color;
	background-color: transparent;
	// Remove CSS gradients if they're enabled
	@if $enable-gradients {
	background-image: none;
	}
	}

[jhhazelaar]

Yes exactly! That's the solution