[Input] - Double opacity applied to disabled inputs

[levithomason]

Steps to Reproduce

1. Create a .ui.disabled.input with an input[disabled] child.

Expected
The input should have an opacity rule applied to appear disabled.

Result
The input has two opacity rules applied and is hardly visible. This is because the .ui.disabled.input wrapper receives opacity: 0.4 while the .ui.input input[disabled] child also receives opacity: 0.4. The result is an input element with an effective opacity of 0.16.

Testcase

http://jsfiddle.net/ebecpcLp/2/

Fix

The input element should only have opacity applied if the wrapper is not already also disabled:

input.less

.ui.disabled.input,
-.ui.input input[disabled] {
+.ui.input:not(.disabled) input[disabled] {
  opacity: @disabledOpacity;
}

[arntj]

What's the status on this one?

[levithomason]

Fixed in ae38450