@olenbetong/appframe-ds 1.4.0 → 1.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/package.json +1 -1
- package/src/layout/DialogMotion.css +14 -12
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @olenbetong/appframe-ds
|
|
2
2
|
|
|
3
|
+
## 1.4.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- b0630e5: Dialog motion: the opening transition now also plays for `ob-dialog-motion` elements (the app menu). Their starting style was a separate, less specific rule than the open state and lost to it, so they appeared without the transition and only faded on close.
|
|
8
|
+
|
|
3
9
|
## 1.4.0
|
|
4
10
|
|
|
5
11
|
### Minor Changes
|
package/package.json
CHANGED
|
@@ -45,6 +45,17 @@
|
|
|
45
45
|
animation: none;
|
|
46
46
|
transition-duration: var(--ob-dialog-enter-duration);
|
|
47
47
|
transition-timing-function: ease-out;
|
|
48
|
+
|
|
49
|
+
/*
|
|
50
|
+
* Nested so it has exactly this rule's selector. A separate @starting-style rule for
|
|
51
|
+
* `.ob-dialog-motion[open]` is less specific than this one, whose `:is()` takes the
|
|
52
|
+
* specificity of `.ds-dialog:is(...)`, and loses to it: the dialog then has no
|
|
53
|
+
* starting frame and appears without the transition.
|
|
54
|
+
*/
|
|
55
|
+
@starting-style {
|
|
56
|
+
opacity: 0;
|
|
57
|
+
translate: 0 var(--ob-dialog-offset);
|
|
58
|
+
}
|
|
48
59
|
}
|
|
49
60
|
|
|
50
61
|
&::backdrop {
|
|
@@ -60,18 +71,9 @@
|
|
|
60
71
|
opacity: 1;
|
|
61
72
|
transition-duration: var(--ob-dialog-enter-duration);
|
|
62
73
|
transition-timing-function: ease-out;
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
74
|
|
|
66
|
-
@starting-style {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
opacity: 0;
|
|
70
|
-
translate: 0 var(--ob-dialog-offset);
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.ds-dialog:is(:not([data-placement]), [data-placement="center"])[open]::backdrop,
|
|
74
|
-
.ob-dialog-motion[open]::backdrop {
|
|
75
|
-
opacity: 0;
|
|
75
|
+
@starting-style {
|
|
76
|
+
opacity: 0;
|
|
77
|
+
}
|
|
76
78
|
}
|
|
77
79
|
}
|