mirror of
https://github.com/caiwx86/small-packages.git
synced 2026-11-01 16:44:45 +08:00
45 lines
1.7 KiB
CSS
45 lines
1.7 KiB
CSS
@layer theme {
|
|
/* beats the heading ramp's tight leading in-layer for a dialog's h4 (45-misc.css) */
|
|
.modal > * {
|
|
line-height: normal;
|
|
margin-bottom: .5em;
|
|
max-width: 100%;
|
|
}
|
|
/* wins on specificity, not base's file-order tie */
|
|
.modal > .alert-message { margin-bottom: var(--fs-space-2); }
|
|
/* moved from base: width:100% loses to the 210px generic box by layer */
|
|
.modal > pre,
|
|
.modal > textarea {
|
|
white-space: pre-wrap;
|
|
overflow: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
/* 600px is cramped for a table form (.cbi-map cards on a big screen); vw widens toward 1100 on desktop only */
|
|
.modal:has(.cbi-map) { max-width: min(1100px, 94vw); }
|
|
|
|
/* no HORIZONTAL scroll ever (measured 634px scroll vs 530px room) — docs/css.md "Modal: no horizontal scroll, ever" */
|
|
#modal_overlay .modal label.btn {
|
|
white-space: normal;
|
|
min-width: 0;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
#modal_overlay .modal li { overflow-wrap: anywhere; }
|
|
/* tints come from base's ladder alone (base/95-luci.css); radii sit on the Rounding axis */
|
|
#modal_overlay .uci-dialog div > ins,
|
|
#modal_overlay .uci-dialog div > del,
|
|
#modal_overlay .uci-dialog div > var,
|
|
#modal_overlay .uci-change-legend-label > ins,
|
|
#modal_overlay .uci-change-legend-label > del,
|
|
#modal_overlay .uci-change-legend-label > var { border-radius: var(--fs-radius-sm); }
|
|
#modal_overlay .uci-change-legend-label > ins,
|
|
#modal_overlay .uci-change-legend-label > del,
|
|
#modal_overlay .uci-change-legend-label > var { overflow: hidden; }
|
|
|
|
/* fill child sits 3px inset, overflow:hidden never reaches the corner — max() floors at 0 (issue #14) */
|
|
#modal_overlay .uci-dialog var > ins,
|
|
#modal_overlay .uci-dialog var > del {
|
|
border-radius: max(0px, calc(var(--fs-radius-sm) - 3px));
|
|
}
|
|
}
|