search

akveo / ngx-admin

Customizable admin dashboard template based on Angular 10+
https://akveo.github.io/ngx-admin/
MIT License
25.28k stars 7.96k forks source link

Nebular stepper scss override #1929

Open rakesh0692 opened 5 years ago

rakesh0692 commented 5 years ago

I need to override the nebular stepper, as we know that when the any step completed then the "checkmark" icon displayed but my use case is different I need the number will still remained not checkmark icon but color will change as same as icon (i.e. # ffffff).

Issue type

I'm submitting a ... (check one with "x")

Issue description

need help in nebular stepper, as we know that when the any step completed then the "checkmark" icon displayed but my use case is different I need the number will remain but color will change as same as icon (i.e. # ffffff). Current behavior: image

Expected behavior:

image

Steps to reproduce:

Related code: <nb-card ">

-->

Other information:

npm, node, OS, Browser

<!--
Node, npm: `node --version` and `npm --version`
OS: Windows (7/8/10). Linux (incl. distribution). macOS (El Capitan? Sierra?)
Browser: Chrome/Safari/Firefox/etc?
-->

Angular, Nebular



Thanks in Advance !!
ArtemRomanovsky commented 5 years ago

hi @rakesh0692 ! Look like you need to modify the appearance of stepper's numbers. To do that - extend NbStepperComponent and change its templates, it has no configurations 🙂. To change a color and background color, use customization of Nebular themes