Can't apply styles

[tb]

Can't apply styles

[ahmedsamir6446]

That's not the best solution but I change in
~nouislider/distribute/nouislider.min.css
directly

[tb]

Check demo, there is custom style example in this line

[jredd]

I've tried that and it's not working...

[tb]

Demo is using import. You probably use component styles. In that case, read more at https://angular.io/docs/ts/latest/guide/component-styles.html

[abcd-ca]

Using Webpack here. I'm not getting any errors. component has a width but 0 height. I've tried @import in the scss file like in the demo. Also tried using styleUrls. No luck, same thing. If I manually add height to these components in the dom explorer in chrome I dont' see anything. So, I guess the scss isn't being applied to the component because it's invisible so far

[abcd-ca]

Update: I can get the component to show up, styled and working by copying the .css that I'm supposed to @import and paste it into my component's .scss file like so:

::ng-deep {
    /* pasted source of ng2-nouislider here */
}

Does that give you any clues as to how I can import it in a nicer way?

[martin-razus]

hey @abcd-ca ,
I had totally same issue and your solution was the only one working. But then I tried to add it into .angular-cli.json as decsribed here: #99

and it started to work.

[abcd-ca]

Worked for me too, thanks @martin-razus. Go-teamwork!

[PavolHlavaty]

For me this worked without any import:

/deep/ .noUi-target {
    // my custom styles
}