@nxgt/material 3.25.0 → 3.25.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 +8 -0
- package/dist/{components-BF6wCEzH.js → components-wLKi88Su.js} +1101 -1097
- package/dist/components.js +1 -1
- package/dist/lib/components/ui/layout/app-shell/activity-chrome.d.ts +7 -0
- package/dist/main.js +1 -1
- package/dist/material.css +1 -1
- package/docs/guides/app-shell.md +2 -1
- package/docs/troubleshooting.md +14 -0
- package/package.json +1 -1
package/docs/guides/app-shell.md
CHANGED
|
@@ -508,7 +508,8 @@ The layout paints `bg-ground` (the `--ground` token, see [Page ground](./theming
|
|
|
508
508
|
on its root, so the content, the gutters and the space between the chrome and
|
|
509
509
|
the content are tinted, with or without a `backdrop`, in light and dark. The
|
|
510
510
|
sidebar and the app bar stay on `--background`: flat rectangles with no radius
|
|
511
|
-
and no shadow (translucent over a backdrop, about 90 % without one
|
|
511
|
+
and no shadow (translucent over a backdrop, about 90 % without one; the sidebar's
|
|
512
|
+
fill runs the page's whole height, out to the frame's edges), so the edge
|
|
512
513
|
between chrome and content is the change of colour. The cards, and the
|
|
513
514
|
`ActivityContent` header card (`bg-card`), stand on the ground with their
|
|
514
515
|
hairline and soft shadow. With `scroll="container"` the same ground stays behind
|
package/docs/troubleshooting.md
CHANGED
|
@@ -712,6 +712,20 @@ Vite and React Router apps use:
|
|
|
712
712
|
|
|
713
713
|
## Styles & assets
|
|
714
714
|
|
|
715
|
+
### The backdrop shapes disappeared between the cards (3.22+)
|
|
716
|
+
|
|
717
|
+
**When:** an `ActivityLayout` with `backdrop={<Background preset="shapes" ... />}`
|
|
718
|
+
on a page whose cards sit close together. On 3.20 shapes showed in the gaps and
|
|
719
|
+
around the cards; now only the open areas (below the last card, beside a short
|
|
720
|
+
list) hold shapes.
|
|
721
|
+
**Why:** not the page ground (`--ground` is painted by the layout root, under the
|
|
722
|
+
backdrop layer). Since 3.22 a glyph whose box meets a surface, a text or a
|
|
723
|
+
control, within 8px, is dropped whole (the keep-clear pass), so a gap narrower
|
|
724
|
+
than a glyph shows none.
|
|
725
|
+
**Fix:** none needed, it is the documented behaviour (see [the drop rule](./guides/backgrounds.md) in
|
|
726
|
+
the backgrounds guide). To see more shapes, leave open space in the page, or draw
|
|
727
|
+
the backdrop in a layout that has no content over it.
|
|
728
|
+
|
|
715
729
|
### The page and the cards look the same
|
|
716
730
|
|
|
717
731
|
**When:** a screen under `ActivityLayout`, after the 3.24 upgrade or on an older
|