fix(vtabs): fix blank space in slider on mobile devices

Added display classes to hide the arrow placeholder which created a blank space on the VTabs slider. fix vuetifyjs#6932
bhaskar-nair2 · Oct 19, 2020 · 8528eb5 · 8528eb5
1 parent 8d06d45
commit 8528eb5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/vuetify/src/components/VSlideGroup/VSlideGroup.sass b/packages/vuetify/src/components/VSlideGroup/VSlideGroup.sass
@@ -49,4 +49,5 @@
 .v-slide-group__next,
 .v-slide-group__prev
   &--disabled
+    display: none
     pointer-events: none
diff --git a/packages/vuetify/src/components/VTabs/VTabs.sass b/packages/vuetify/src/components/VTabs/VTabs.sass
@@ -47,14 +47,18 @@
         .v-slide-group__next
           display: initial
           visibility: hidden
+          &--disabled
+            display: none
 
     // https://github.com/vuetifyjs/vuetify/issues/6932
     &:not(.v-tabs--right)
       > .v-slide-group--is-overflowing.v-tabs-bar--is-mobile:not(.v-slide-group--has-affixes)
         .v-slide-group__prev
           display: initial
           visibility: hidden
-
+          &--disabled
+            display: none
+
 // Element
 .v-tabs-bar
   border-radius: inherit