diff --git a/packages/vuetify/src/components/VToolbar/VToolbar.sass b/packages/vuetify/src/components/VToolbar/VToolbar.sass index 059f0bd717d..4aa5fd7182c 100644 --- a/packages/vuetify/src/components/VToolbar/VToolbar.sass +++ b/packages/vuetify/src/components/VToolbar/VToolbar.sass @@ -5,6 +5,7 @@ .v-toolbar contain: layout flex: 1 1 auto + max-width: 100% // Needs increased specificity &.v-sheet transition: $toolbar-transition @@ -97,7 +98,6 @@ .v-toolbar.v-toolbar--absolute position: absolute top: 0 - width: 100% z-index: 1 .v-toolbar.v-toolbar--bottom @@ -110,7 +110,7 @@ .v-toolbar.v-toolbar--collapsed border-bottom-right-radius: 24px - width: 112px + max-width: 112px .v-toolbar__title, .v-toolbar__extension diff --git a/packages/vuetify/src/components/VToolbar/_variables.scss b/packages/vuetify/src/components/VToolbar/_variables.scss index 567eeaa972f..5d26ec07c6f 100644 --- a/packages/vuetify/src/components/VToolbar/_variables.scss +++ b/packages/vuetify/src/components/VToolbar/_variables.scss @@ -7,4 +7,5 @@ $toolbar-transition: 0.2s map-get($transition, 'fast-out-slow-in') transform, 0.2s map-get($transition, 'fast-out-slow-in') left, 0.2s map-get($transition, 'fast-out-slow-in') right, 280ms map-get($transition, 'fast-out-slow-in') box-shadow, + 0.25s map-get($transition, 'fast-out-slow-in') max-width, 0.25s map-get($transition, 'fast-out-slow-in') width !default;