Skip to content

Commit 7d4aed2

Browse files
committed
fix(VBottomNavigation): add missing transition for active toggle
1 parent 97a6009 commit 7d4aed2

File tree

2 files changed

+3
-2
lines changed

2 files changed

+3
-2
lines changed

packages/vuetify/src/components/VBottomNavigation/VBottomNavigation.sass

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
max-width: 100%
77
overflow: hidden
88
position: absolute
9+
transition: $bottom-navigation-transition
910

1011
@include tools.border($bottom-navigation-border...)
1112
@include tools.rounded($bottom-navigation-border-radius)
@@ -19,7 +20,7 @@
1920
flex: none
2021
font-size: $bottom-navigation-content-font-size
2122
justify-content: center
22-
transition: $bottom-navigation-transition
23+
transition: inherit
2324
width: 100%
2425

2526
.v-bottom-navigation &

packages/vuetify/src/components/VBottomNavigation/_variables.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ $bottom-navigation-shift-content-color: rgba(var(--v-theme-on-surface), 0) !defa
2626
$bottom-navigation-shift-icon-top: math.div($bottom-navigation-icon-font-size, 3) !default;
2727
$bottom-navigation-shift-icon-transform: translateY($bottom-navigation-shift-icon-top) !default;
2828
$bottom-navigation-text-transform: none !default;
29-
$bottom-navigation-transition: transform, color .2s, .1s settings.$standard-easing !default;
29+
$bottom-navigation-transition: transform, color .2s, .2s settings.$standard-easing !default;
3030

3131
// Lists
3232
$bottom-navigation-border: (

0 commit comments

Comments
 (0)