mirror of
https://github.com/Hopiu/bootstrap.git
synced 2026-03-23 07:50:23 +00:00
26a3ef1bcb
* Rework progress bar markup and styles Logically moves the various `role` and `aria-` attributes to the `.progress` element itself, leaving the `.progress-bar` to be used purely for the visual presentation. This fixes the problem #36736 that in certain browser/AT combinations, zero-value/zero-width progress bars are completely ignored and not announced. For multiple/stacked progress bars, this PR introduces a new wrapper and class `.progress-stacked`, to accommodate for the fact that with the more logical structure above, we need full `.progress` elements with child `.progress-bar` elements, and can't get away with the fudge we had before of having a single `.progress` with multiple `.progress-bar`s. Note that the old markup structures still work with this change, so this could be considered a non-breaking change - though one we definitely want to highlight as it's more accessible (as it now guarantees that zero-value/zero-width progress bars, whether on their own or as part of a multi/stacked bar, are actually announced) * Add a note about progress bar change in migration guide * Add notes with old markup examples and explanation * Fix bundlewatch * Update site/content/docs/5.2/components/progress.md Co-authored-by: Julien Déramond <julien.deramond@orange.com> * Reintroduce deleted styles Turns out they're needed for correct positioning of text inside progress bar * Move changes in markup to Migrationg guide, link to that from top of progress page, rewrite some content * Fix typo in callout * Clarify "Sizing" section * Remove redundant "now" Co-authored-by: Julien Déramond <julien.deramond@orange.com> Co-authored-by: Julien Déramond <juderamond@gmail.com> Co-authored-by: Mark Otto <markdotto@gmail.com> Co-authored-by: Mark Otto <markd.otto@gmail.com> |
||
|---|---|---|
| .. | ||
| forms | ||
| helpers | ||
| mixins | ||
| utilities | ||
| vendor | ||
| _accordion.scss | ||
| _alert.scss | ||
| _badge.scss | ||
| _breadcrumb.scss | ||
| _button-group.scss | ||
| _buttons.scss | ||
| _card.scss | ||
| _carousel.scss | ||
| _close.scss | ||
| _containers.scss | ||
| _dropdown.scss | ||
| _forms.scss | ||
| _functions.scss | ||
| _grid.scss | ||
| _helpers.scss | ||
| _images.scss | ||
| _list-group.scss | ||
| _maps.scss | ||
| _mixins.scss | ||
| _modal.scss | ||
| _nav.scss | ||
| _navbar.scss | ||
| _offcanvas.scss | ||
| _pagination.scss | ||
| _placeholders.scss | ||
| _popover.scss | ||
| _progress.scss | ||
| _reboot.scss | ||
| _root.scss | ||
| _spinners.scss | ||
| _tables.scss | ||
| _toasts.scss | ||
| _tooltip.scss | ||
| _transitions.scss | ||
| _type.scss | ||
| _utilities.scss | ||
| _variables-dark.scss | ||
| _variables.scss | ||
| bootstrap-grid.scss | ||
| bootstrap-reboot.scss | ||
| bootstrap-utilities.scss | ||
| bootstrap.scss | ||