@trebired/frontend 22.0.2 → 22.0.3
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
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 22.0.3
|
|
4
|
+
|
|
5
|
+
- The header's blur moves to a full-bleed pseudo-element behind it. An element that carries `backdrop-filter` becomes a backdrop root for everything inside it, so with the filter on the header itself the open mobile menu could not blur the page at all: it sat inside the header and had nothing left to filter. The menu showed the page through it, unblurred and unreadable. The bar's blur now rides a pseudo-element the menu is not a descendant of, and the menu filters the page as it should.
|
|
6
|
+
|
|
3
7
|
## 22.0.2
|
|
4
8
|
|
|
5
9
|
- A control's hover and open states read the adaptive colour rather than `currentColor`. `currentColor` is the colour the element inherited, which comes from whatever ancestor last set one, so the locale trigger's label and border turned the header's colour the moment its popover opened, even though the trigger itself had already been read against the lighter content it was sitting on. The same fallback is corrected on the footer's link hover and on a popover group's heading.
|
|
@@ -21,8 +21,16 @@ $motion: token("motion-duration", 500ms) token("motion-easing", cubic-bezier(0.2
|
|
|
21
21
|
token("root-border", var(#{ns.css-var("border-width")}, 1px) solid var(#{ns.css-var("adaptive-border")}, currentColor))
|
|
22
22
|
);
|
|
23
23
|
background: var(#{ns.css-var("glass-bg")}, token("root-bg", var(#{ns.css-var("page")}, #fff)));
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
#{ns.data("site-header")}::before {
|
|
27
|
+
position: absolute;
|
|
28
|
+
z-index: -1;
|
|
29
|
+
inset: 0;
|
|
24
30
|
backdrop-filter: var(#{ns.css-var("glass-filter")}, none);
|
|
25
31
|
-webkit-backdrop-filter: var(#{ns.css-var("glass-filter")}, none);
|
|
32
|
+
content: "";
|
|
33
|
+
pointer-events: none;
|
|
26
34
|
}
|
|
27
35
|
|
|
28
36
|
#{ns.element-class("site-header", "bar")},
|