[Bug Report] Vertical stepper v-stepper__label is hidden inside horizontal stepper

I am using the Vuetify’s vertical stepper. The problem is that the stepper labels are hidden on mobile devices but I couldn’t find any reference from the framework that it should be hidden. Also I haven’t added any css to hide them.

This is the css that I saw while inspecting the v-stepper__label:

@media only screen and (max-width: 959px) { 
    .v-stepper:not(.v-stepper--vertical) .v-stepper__label { 
        display: none; 
    }
}

Shouldn’t it be hidden only on horizontal stepper?

My question is, where the css is coming from? Why it is not happening on Vuetify’s example? I am using the latest stable version: 1.5.7

[MaeseppTarvo]

If I created the post I investigated hours and finally understood that it is not a bug but expected behaviour since horizontal stepper is hiding labels on mobile. Now if you put your vertical slider into horizontal, it hides vertical slider’s labels also 😃

I fixed it this way:

<style>
@media only screen and (max-width: 959px) {
  .v-stepper:not(.v-stepper--vertical) .v-stepper__label {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  }
  @media only screen and (max-width: 959px) {
    .v-stepper:not(.v-stepper--vertical) .v-stepper__step__step {
      margin-right: 12px;
    }
  }
}
</style>

[Paulsky]

@MaeseppTarvo Thank you for your fix 😃