vjrj
bddfb392c1
Completes the Bootstrap 4->5 migration now that every jQuery/BS4 widget is React
(navbar, carousel, dropdowns) — plus the feedback toggle here (Feedback.js:
global `$('#feedback-form').toggle()` -> React state).
- Load Bootstrap 5 CSS from the `bootstrap` npm package in client/index.js
(imported first so app + component styles and react-bootstrap override it).
- Remove the `alexwine:bootstrap-4` meteor package (BS4 CSS + jQuery + BS4 JS).
jQuery for jquery-validation still comes from the npm `jquery` dep.
- Utility renames to BS5: ml-auto->ms-auto, float-right->float-end,
btn-block->w-100, data-toggle->data-bs-toggle (FromNow tooltip).
- forms.scss `.form-label` is no longer a shim (BS5 ships it); comment updated.
Full-app build boots clean; server suite 36 passing. Needs a visual staging pass
across all pages (BS4->5 shifts grid gutters/typography); forms should improve
since react-bootstrap v2 already emitted BS5 markup.
26 lines
572 B
SCSS
26 lines
572 B
SCSS
@use './mixins' as *;
|
|
@use './colors' as *;
|
|
|
|
// Bootstrap 5 now provides `.form-label` natively, so this is no longer a shim —
|
|
// we keep it only for the explicit `display: block` (v2's Form.Group is a plain
|
|
// div and some fields render the label inline otherwise). The bottom margin
|
|
// matches BS5's own `.form-label`.
|
|
.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;
|
|
}
|
|
}
|