0

I have a component in my project with some text and a conditional mat-slider.

When mat-slider is hidden, my text looks like this: enter image description here

And when it is visible, my text looks like this: enter image description here

My code:

<mat-slider *ngIf="isVisible" [min]="minValue" [max]="maxValue" [step]="stepValue" [thumbLabel]="true" [tickInterval]="1"></mat-slider>
<div style="color: #0089D6; font-size: 13px; font-weight: 500;">This is a sample text.</div>

Color code doesn't change and I've looked for any css override, but I couldn't find anything. However, color changes as seen above. Why is this happening?

YSFKBDY
  • 735
  • 1
  • 12
  • 38

1 Answers1

0

Just using the code you provided I didn't have the same issue. Must be something else outside your code that's causing this.

https://stackblitz.com/edit/angular-sh21iw?file=src/app/slider-overview-example.html

Charles Torry
  • 1
  • Please provide additional details in your answer. As it's currently written, it's hard to understand your solution. – Community Aug 27 '21 at 17:20