@apliteni/apliteni-ui 0.66.0 → 0.67.0
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/package.json +1 -1
- package/src/styles/filter-bar.css +12 -0
package/package.json
CHANGED
|
@@ -8,3 +8,15 @@
|
|
|
8
8
|
.ui-filter-bar button:disabled { /* muted-ink: state — disabled filters */ color: var(--disabled-ink); cursor: not-allowed; }
|
|
9
9
|
|
|
10
10
|
.ui-filter-bar .ui-dropdown__pre, .ui-filter-bar .ui-dropdown__value { color: inherit; }
|
|
11
|
+
|
|
12
|
+
/* A chip's panel is as wide as the chip's trigger, never the 240px floor
|
|
13
|
+
.ui-dropdown__panel gives a standalone dropdown. A panel is positioned at its
|
|
14
|
+
trigger's inline start, so on a narrow row a later chip put its panel past the
|
|
15
|
+
screen — shut as well as open, a `visibility: hidden` box still being laid out.
|
|
16
|
+
The percentage resolves against .ui-dropdown, the panel's containing block,
|
|
17
|
+
which is the trigger's width because the trigger is its one in-flow child.
|
|
18
|
+
`overflow-wrap` keeps that a bound rather than a clip: a panel is
|
|
19
|
+
`overflow: visible`, so a value with no break opportunity would run out of it
|
|
20
|
+
and off the page. It inherits, reaching an option's label and description.
|
|
21
|
+
why: docs/specification.md#a-filter-row-holds-its-panels */
|
|
22
|
+
.ui-filter-bar .ui-dropdown__panel { min-width: 100%; max-width: 100%; overflow-wrap: anywhere; }
|