ui-inputgroup-addon needs a fill option when md-inputfield-fill is being used

[paulswan]

In Ultima, if you are using <span class="md-inputfield md-inputfield-fill"> inside an ui-inputgroup the ui-inputgroup-addon will not have the same background-color as the input which is not a good look. Can you please add a class to the ui-inputgroup-addon that has the same background-color as md-inputfield-fill?

My workaround at the moment was to add the following class to styles.scss

Code: Select all

  .ui-inputgroup {
    .ui-inputgroup-addon {
      &.ui-inputgroup-addon-fill {
        background-color: $textboxBgColor;
      }
    }
  }

which is used like this:

Code: Select all

            <div class="ui-inputgroup">
                <span class="md-inputfield md-inputfield-fill">
                    <input pInputText type="text" name="foo" id="foo" [(ngModel)]="this.foo">
                    <label for="foo">foo</label>
                </span>
                <span class="ui-inputgroup-addon ui-inputgroup-addon-fill">bar</span>
            </div>

[merve7]

We added ui-inputgroup-addon-fill for next release.

[paulswan]

[mert.sincan]

Thanks @merve7, +1