@meshmakers/octo-ui 3.4.1190 → 3.4.1210
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.
|
@@ -2338,9 +2338,22 @@
|
|
|
2338
2338
|
flex-direction: column;
|
|
2339
2339
|
overflow: hidden;
|
|
2340
2340
|
|
|
2341
|
-
//
|
|
2342
|
-
|
|
2343
|
-
|
|
2341
|
+
// Let a dialog whose body is ONE element fill the available space --
|
|
2342
|
+
// that is what the meshboard settings/manager and the widget config
|
|
2343
|
+
// dialogs need (their single wrapper carries `height: 100%`).
|
|
2344
|
+
//
|
|
2345
|
+
// This must stay scoped to `:only-child`. Applied to every child it
|
|
2346
|
+
// divided the available height EQUALLY between them, and because the
|
|
2347
|
+
// explicit `min-height: 0` also removed the automatic minimum size,
|
|
2348
|
+
// nothing stopped a child from being squeezed below its content and
|
|
2349
|
+
// clipped by `overflow: hidden` -- with no scrollbar to reach the rest.
|
|
2350
|
+
// Every multi-element dialog body silently lost content that way (a
|
|
2351
|
+
// 260px payment QR code rendered 115px tall, a due-date picker was cut
|
|
2352
|
+
// in half). A body with more than one child is normal document flow:
|
|
2353
|
+
// children keep their natural height and the body itself scrolls
|
|
2354
|
+
// (see the `max-height` + `overflow-y: auto` rule further up).
|
|
2355
|
+
> :only-child {
|
|
2356
|
+
flex: 1 1 auto;
|
|
2344
2357
|
min-height: 0;
|
|
2345
2358
|
overflow: hidden;
|
|
2346
2359
|
}
|