vjrj
a1a1b9a801
Removes the largest batch of React-19-blocking warnings: the 0.31 components (Grid, FormGroup, ControlLabel, Navbar.Header/Brand, Checkbox, SafeAnchor) all leaned on legacy context / defaultProps. 29 files converted: Grid->Container, FormGroup/ControlLabel/FormControl/ HelpBlock -> Form.Group/Label/Control/Text, Checkbox -> Form.Check (label as prop), bsStyle->variant (default->secondary), bsSize->size, pull-right->float-end. Custom Col.js now re-exports v2's Col; custom NavItem.js rewritten self-contained (no SafeAnchor/createChainedFunction); Navigation.js drops react-bootstrap Navbar (raw markup anyway). CSS stays on Bootstrap 4 (alexwine:bootstrap-4) for now: the BS4->5 jump is entangled with the jQuery carousel/swipe + navbar-collapse and is tracked as separate debt in UPGRADE.md. Only .form-label needed a shim (forms.scss). Browser-verified home carousel+navbar, signup form + terms checkbox, login form; REST smoke byte-identical.
27 lines
671 B
SCSS
27 lines
671 B
SCSS
@use './mixins' as *;
|
|
@use './colors' as *;
|
|
|
|
// react-bootstrap v2 emits Bootstrap 5 form markup (`.form-label`) while we
|
|
// still ship the Bootstrap 4 stylesheet (alexwine:bootstrap-4), which has no
|
|
// `.form-label`. Shim it until the Bootstrap 4 -> 5 CSS jump lands (tracked as
|
|
// debt in UPGRADE.md). v2's Form.Group is a plain div, so restore the old
|
|
// per-field bottom margin the removed `.form-group` used to give.
|
|
.form-label {
|
|
display: block;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
form {
|
|
label,
|
|
.control-label {
|
|
display: block;
|
|
}
|
|
|
|
label.error {
|
|
display: block;
|
|
margin-top: 8px;
|
|
font-size: 13px;
|
|
font-weight: normal;
|
|
color: $danger;
|
|
}
|
|
}
|