@mlola-ui/tokens 1.1.8 → 1.1.9
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/generated/recipes.css +7 -0
- package/package.json +1 -1
package/generated/recipes.css
CHANGED
|
@@ -4480,6 +4480,8 @@ button.ml-breadcrumb-link {
|
|
|
4480
4480
|
min-height: 0;
|
|
4481
4481
|
/* A folded or zero-width pane keeps its content mounted; nothing of it may widen the page. */
|
|
4482
4482
|
overflow: clip;
|
|
4483
|
+
/* The handle's layer stays inside the component. */
|
|
4484
|
+
isolation: isolate;
|
|
4483
4485
|
}
|
|
4484
4486
|
|
|
4485
4487
|
/* The anchored pane takes the size; the other takes the rest. */
|
|
@@ -4503,6 +4505,9 @@ button.ml-breadcrumb-link {
|
|
|
4503
4505
|
hidden labels, popover anchors) is clipped with it instead of escaping. */
|
|
4504
4506
|
.ml-resizable-pane {
|
|
4505
4507
|
position: relative;
|
|
4508
|
+
/* A pane's own layers (sticky headers, raised rows) stay inside it, so they
|
|
4509
|
+
never paint over the handle's line or its grab area. */
|
|
4510
|
+
isolation: isolate;
|
|
4506
4511
|
min-width: 0;
|
|
4507
4512
|
min-height: 0;
|
|
4508
4513
|
overflow: auto;
|
|
@@ -4517,6 +4522,8 @@ button.ml-breadcrumb-link {
|
|
|
4517
4522
|
/* A hairline that thickens into a grip on hover, focus or drag. */
|
|
4518
4523
|
.ml-resizable-handle {
|
|
4519
4524
|
position: relative;
|
|
4525
|
+
/* The line and its grab area are wider than a hairline handle, so they sit above both panes. */
|
|
4526
|
+
z-index: var(--ml-layer-raised);
|
|
4520
4527
|
display: grid;
|
|
4521
4528
|
place-items: center;
|
|
4522
4529
|
touch-action: none;
|