From 24fbd1f7b4d9c4bd4aa532b322f824564f72c248 Mon Sep 17 00:00:00 2001 From: mschinwald Date: Fri, 2 Feb 2024 00:04:01 +0100 Subject: [PATCH 1/2] docs: change typo and wrong classes in advanced transitions --- docs/guide/css.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/docs/guide/css.md b/docs/guide/css.md index f5d8f20f..d95a3009 100644 --- a/docs/guide/css.md +++ b/docs/guide/css.md @@ -210,17 +210,17 @@ Showing: | ----- | ------- | ------- | | `v-popper__popper--show-from` | **true** | false | | `v-popper__popper--show-to` | false | **true** | -| `v-popper__popper--hidden-from` | false | false | -| `v-popper__popper--hidden-to` | false | false | +| `v-popper__popper--hide-from` | false | false | +| `v-popper__popper--hide-to` | false | false | -Hidding: +Hiding: | Class | Frame 1 | Frame 2 | | ----- | ------- | ------- | | `v-popper__popper--show-from` | false | false | | `v-popper__popper--show-to` | false | false | -| `v-popper__popper--hidden-from` | **true** | false | -| `v-popper__popper--hidden-to` | false | **true** | +| `v-popper__popper--hide-from` | **true** | false | +| `v-popper__popper--hide-to` | false | **true** | #### Zoom show only example From fd62511d64c4c53e197e07ada1cd32dae9373239 Mon Sep 17 00:00:00 2001 From: mschinwald Date: Fri, 2 Feb 2024 00:06:48 +0100 Subject: [PATCH 2/2] docs: add note about default styles in advanced transitions --- docs/guide/css.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/docs/guide/css.md b/docs/guide/css.md index d95a3009..dd0019bb 100644 --- a/docs/guide/css.md +++ b/docs/guide/css.md @@ -222,6 +222,8 @@ Hiding: | `v-popper__popper--hide-from` | **true** | false | | `v-popper__popper--hide-to` | false | **true** | +Please note that the default styles for the parent of `.v-popper__wrapper` (i.e. `.v-popper__popper.v-popper__popper--shown` and `.v-popper__popper.v-popper__popper--hidden`) have a transition-duration of .15 seconds. So if your transition of `.v-popper__wrapper` takes longer, you might want to change this transition as well. + #### Zoom show only example ```html