search

bastidest / vue-step-progress

A simple Vue component that displays a Progress Bar with labels for each step
MIT License
53 stars 18 forks source link

Add CSS class for current step #7

Closed barbaraWittyWorks closed 4 years ago

barbaraWittyWorks commented 4 years ago

As of now, there are only two states for a step, either valid (for past and current step) or active (for future step). I would need a third CSS class for the current step in order to style it differently. Could you change this? Would be great! I tried to do it with CSS selector ":last-of-kind", but can't make it work.

bastidest commented 4 years ago

I don't quite get what you mean. You can style the current step with the active class.

https://github.com/bastidest/vue-step-progress/blob/6fbcc905f948826594192082c6b210747923e7a5/src/StepProgress.vue#L15-L18

barbaraWittyWorks commented 4 years ago

Hi Sebastian,

thanks so much for the quick answer. My mistake, I had the logic behind wrong and it works now.

Happy day!

Barbara

On Tue, May 12, 2020 at 10:21 AM Sebastian Hiebl notifications@github.com wrote:

I don't quite get what you mean. You can style the current step with the active class.

  • current == active
  • past == valid
  • future == no extra class

https://github.com/bastidest/vue-step-progress/blob/6fbcc905f948826594192082c6b210747923e7a5/src/StepProgress.vue#L15-L18

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/bastidest/vue-step-progress/issues/7#issuecomment-627190762, or unsubscribe https://github.com/notifications/unsubscribe-auth/AONMKFNPL4OTW3RUUT7TV7LRREBJTANCNFSM4M6SKLHQ .

-- witty works – we enable diversity Rotwandstrasse 63 | 8004 Zürich

Barbara Schülé +41 78 774 18 10 | barbara@witty.works

Website: witty.works Jobplattform: jobs.witty.works Diversifier: diversifier.witty.works