Skip to content

Commit 70a837c

Browse files
committed
fix(VSnackbar): remove multi-line prop
1 parent b7d2fee commit 70a837c

File tree

6 files changed

+13
-56
lines changed

6 files changed

+13
-56
lines changed

packages/docs/src/examples/v-snackbar/prop-multi-line.vue

Lines changed: 0 additions & 44 deletions
This file was deleted.

packages/docs/src/pages/en/components/snackbars.md

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -42,12 +42,6 @@ a `v-snackbar` in its simplest form displays a temporary and closable notificati
4242

4343
### Props
4444

45-
#### Multi line
46-
47-
The **multi-line** property extends the height of the `v-snackbar` to give you a little more room for content.
48-
49-
<ExamplesExample file="v-snackbar/prop-multi-line" />
50-
5145
#### Timeout
5246

5347
The **timeout** property lets you customize the delay before the `v-snackbar` is hidden.

packages/docs/src/pages/en/getting-started/upgrade-guide.md

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,19 @@ export default createVuetify({
3535

3636
## Components
3737

38+
### VSnackbar
39+
40+
Removed the `multi-line` prop and the **$snackbar-multi-line-wrapper-min-height** SASS variable. It can be replaced with `min-height` equivalent.
41+
42+
```diff
43+
<VSnackbar
44+
v-model="visible"
45+
- multi-line
46+
+ min-height="68"
47+
:text="message"
48+
/>
49+
```
50+
3851
### VTextField
3952

4053
Removed the **$text-field-details-padding-inline** SASS variable.

packages/vuetify/src/components/VSnackbar/VSnackbar.sass

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -62,9 +62,6 @@
6262
position: absolute
6363
z-index: $snackbar-absolute-z-index
6464

65-
&--multi-line &__wrapper
66-
min-height: $snackbar-multi-line-wrapper-min-height
67-
6865
&--vertical &__wrapper
6966
flex-direction: column
7067

packages/vuetify/src/components/VSnackbar/VSnackbar.tsx

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -71,7 +71,6 @@ function useCountdown (milliseconds: () => number) {
7171
}
7272

7373
export const makeVSnackbarProps = propsFactory({
74-
multiLine: Boolean,
7574
text: String,
7675
timer: [Boolean, String],
7776
timeout: {
@@ -195,7 +194,6 @@ export const VSnackbar = genericComponent<VSnackbarSlots>()({
195194
'v-snackbar',
196195
{
197196
'v-snackbar--active': isActive.value,
198-
'v-snackbar--multi-line': props.multiLine && !props.vertical,
199197
'v-snackbar--timer': !!props.timer,
200198
'v-snackbar--vertical': props.vertical,
201199
},

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

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,6 @@ $snackbar-letter-spacing: tools.map-deep-get(settings.$typography, 'body-2', 'le
1515
$snackbar-line-height: tools.map-deep-get(settings.$typography, 'body-2', 'line-height') !default;
1616
$snackbar-content-padding: 14px 16px !default;
1717
$snackbar-elevation: 6 !default;
18-
$snackbar-multi-line-wrapper-min-height: 68px !default;
1918
$snackbar-transition-scale: .8 !default;
2019
$snackbar-vertical-action-margin-bottom: 8px !default;
2120
$snackbar-wrapper-margin: 8px !default;

0 commit comments

Comments
 (0)