Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
stebogit opened this issue Jan 3, 2020 · 1 comment
Open

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

stebogit opened this issue Jan 3, 2020 · 1 comment

Comments

@stebogit
Copy link

stebogit commented Jan 3, 2020

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.

@dragosct dragosct added this to the 1.5.0 milestone Jan 6, 2020
@dragosct
Copy link
Member

dragosct commented Jan 6, 2020

Hi, @stebogit! Thank you for using our products. We will fix it in the next update.

Regards,
Dragos

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

No branches or pull requests

2 participants