Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
44 changes: 0 additions & 44 deletions packages/docs/src/examples/v-snackbar/prop-multi-line.vue

This file was deleted.

6 changes: 0 additions & 6 deletions packages/docs/src/pages/en/components/snackbars.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.

<ExamplesExample file="v-snackbar/prop-multi-line" />

#### Timeout

The **timeout** property lets you customize the delay before the `v-snackbar` is hidden.
Expand Down
13 changes: 13 additions & 0 deletions packages/docs/src/pages/en/getting-started/upgrade-guide.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
<VSnackbar
v-model="visible"
- multi-line
+ min-height="68"
:text="message"
/>
```

### VTextField

Removed the **$text-field-details-padding-inline** SASS variable.
Expand Down
3 changes: 0 additions & 3 deletions packages/vuetify/src/components/VSnackbar/VSnackbar.sass
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
2 changes: 0 additions & 2 deletions packages/vuetify/src/components/VSnackbar/VSnackbar.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,6 @@ function useCountdown (milliseconds: () => number) {
}

export const makeVSnackbarProps = propsFactory({
multiLine: Boolean,
text: String,
timer: [Boolean, String],
timeout: {
Expand Down Expand Up @@ -195,7 +194,6 @@ export const VSnackbar = genericComponent<VSnackbarSlots>()({
'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,
},
Expand Down
1 change: 0 additions & 1 deletion packages/vuetify/src/components/VSnackbar/_variables.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down
Loading