Skip to content

Wrong border-left custom color for .input-group-prepend #98

Description

@stebogit

I import the nou-ui-kit.scss files in order to customize my colors.
I noticed that on input-groups with input-group-prepend elements the left border is not correctly colored with my custom $primary-color (but the default orange):

<div class="input-group">
    <div class="input-group-prepend">
        <span class="input-group-text">
            <i class="fa fa-user" aria-hidden="true"></i>
        </span>
    </div>
    <input id="email" type="text" class="form-control" name="email" required>
</div>
// now-ui-kit/scss/now-ui-kit/_inputs.scss

.input-group,
.form-group{
 // ...

  &.input-group-focus {
    .input-group-prepend .input-group-text {
      border-left: 1px solid #f96332; // <-- should be $primary-color
    }
    .input-group-append .input-group-text {
      border-right: 1px solid #f96332; // <-- should be $primary-color
    }
  }
}

Screen Shot 2020-01-03 at 3 03 00 PM

Using $primary-color in _inputs.scss fixes the issue.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions