diff --git a/packages/docs/src/examples/v-snackbar/prop-multi-line.vue b/packages/docs/src/examples/v-snackbar/prop-multi-line.vue deleted file mode 100644 index a8ac024d3bc..00000000000 --- a/packages/docs/src/examples/v-snackbar/prop-multi-line.vue +++ /dev/null @@ -1,44 +0,0 @@ - - - - - diff --git a/packages/docs/src/pages/en/components/snackbars.md b/packages/docs/src/pages/en/components/snackbars.md index 94bddaf120b..d88bd213333 100644 --- a/packages/docs/src/pages/en/components/snackbars.md +++ b/packages/docs/src/pages/en/components/snackbars.md @@ -42,12 +42,6 @@ a `v-snackbar` in its simplest form displays a temporary and closable notificati ### Props -#### Multi line - -The **multi-line** property extends the height of the `v-snackbar` to give you a little more room for content. - - - #### Timeout The **timeout** property lets you customize the delay before the `v-snackbar` is hidden. diff --git a/packages/docs/src/pages/en/getting-started/upgrade-guide.md b/packages/docs/src/pages/en/getting-started/upgrade-guide.md index 007950bb0c9..97739dba314 100644 --- a/packages/docs/src/pages/en/getting-started/upgrade-guide.md +++ b/packages/docs/src/pages/en/getting-started/upgrade-guide.md @@ -35,6 +35,19 @@ export default createVuetify({ ## Components +### VSnackbar + +Removed the `multi-line` prop and the **$snackbar-multi-line-wrapper-min-height** SASS variable. It can be replaced with `min-height` equivalent. + +```diff + +``` + ### VTextField Removed the **$text-field-details-padding-inline** SASS variable. diff --git a/packages/vuetify/src/components/VSnackbar/VSnackbar.sass b/packages/vuetify/src/components/VSnackbar/VSnackbar.sass index 8379a0fc12b..a5e2fab9546 100644 --- a/packages/vuetify/src/components/VSnackbar/VSnackbar.sass +++ b/packages/vuetify/src/components/VSnackbar/VSnackbar.sass @@ -62,9 +62,6 @@ position: absolute z-index: $snackbar-absolute-z-index - &--multi-line &__wrapper - min-height: $snackbar-multi-line-wrapper-min-height - &--vertical &__wrapper flex-direction: column diff --git a/packages/vuetify/src/components/VSnackbar/VSnackbar.tsx b/packages/vuetify/src/components/VSnackbar/VSnackbar.tsx index be1a58954dd..7bdd92bff32 100644 --- a/packages/vuetify/src/components/VSnackbar/VSnackbar.tsx +++ b/packages/vuetify/src/components/VSnackbar/VSnackbar.tsx @@ -71,7 +71,6 @@ function useCountdown (milliseconds: () => number) { } export const makeVSnackbarProps = propsFactory({ - multiLine: Boolean, text: String, timer: [Boolean, String], timeout: { @@ -195,7 +194,6 @@ export const VSnackbar = genericComponent()({ 'v-snackbar', { 'v-snackbar--active': isActive.value, - 'v-snackbar--multi-line': props.multiLine && !props.vertical, 'v-snackbar--timer': !!props.timer, 'v-snackbar--vertical': props.vertical, }, diff --git a/packages/vuetify/src/components/VSnackbar/_variables.scss b/packages/vuetify/src/components/VSnackbar/_variables.scss index 8ff36086678..07b1dcf2081 100644 --- a/packages/vuetify/src/components/VSnackbar/_variables.scss +++ b/packages/vuetify/src/components/VSnackbar/_variables.scss @@ -15,7 +15,6 @@ $snackbar-letter-spacing: tools.map-deep-get(settings.$typography, 'body-2', 'le $snackbar-line-height: tools.map-deep-get(settings.$typography, 'body-2', 'line-height') !default; $snackbar-content-padding: 14px 16px !default; $snackbar-elevation: 6 !default; -$snackbar-multi-line-wrapper-min-height: 68px !default; $snackbar-transition-scale: .8 !default; $snackbar-vertical-action-margin-bottom: 8px !default; $snackbar-wrapper-margin: 8px !default;