How to remove ripple effect on q-stepper?

[kero]

When header options is enabled I tried header-class, no-ripple, ripple.
Can’t figure out how to remove the ripple effect.

[metalsadman]

@kero said in How to remove ripple effect on q-stepper?:

When header options is enabled I tried header-class, no-ripple, ripple.
Can’t figure out how to remove the ripple effect.

not really removing it since it’s hardcoded thru a v-ripple directive, just disable pointer events will do.

.q-stepper__tab--active
  pointer-events: none

[kero]

@metalsadman said in How to remove ripple effect on q-stepper?:

.q-stepper__tab–active
pointer-events: none

It doesn’t work. I tried putting !important it does nothing too. I will try it for different class name with pointer-events: none.

Edit: I tried on q-stepper__step it works but you cannot click it though, it doesn’t do anything.
I tried to put some @click.native on tab but it does not work also.

[metalsadman]

@kero so you want it to be still clicked even when it’s active? then try to override the :before and :after css, inspect the element.