0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-04 16:24:22 +01:00
Commit Graph

1110 Commits

Author SHA1 Message Date
Maciej Kubień
934d7a0c1a Changed ``popover` to `tooltip`` in docs
Changed ```popover``` to ```tooltip``` in tooltip component docs page.
2023-01-15 10:47:05 -08:00
Issermann Hannah
8865b469c3 Move form-text paragraph to Form control page instead of overview to have teh documentation in the same page than sass variables. 2023-01-15 09:48:17 -08:00
Julien Déramond
4536f60d95 Docs: update progress markup in Color modes page 2023-01-12 18:50:59 -08:00
Mark Otto
f23e203bd0 Mention deprecated classes for color mode on offcanvas 2023-01-11 21:05:21 -08:00
Julien Déramond
2d57b88902 Docs: fix broken links in Color modes page 2023-01-11 10:07:49 -08:00
Catalin Zalog
791c44cc6d docs: updates .text-*-left changes 2023-01-11 09:58:30 -08:00
Mark Otto
a901027ab0
Update colored links, add new .link-body-emphasis helper (#37833)
* Rewrite colored links to use color property again instead of --bs-link-color-rgb value because nav links and more do not set --bs-link-color-rgb

* Update bundlewatch

* Document it

Co-authored-by: Julien Déramond <juderamond@gmail.com>
2023-01-10 16:34:25 -08:00
Mark Otto
f40e76d1f7
Update snippet examples for dark mode (#37834)
* Update snippet examples for dark mode

* Fix markup

* Review comments

* undo colored links docs from this PR
2023-01-10 16:33:33 -08:00
Julien Déramond
3fc305b2de Docs: fix typo in migration guide 2023-01-10 02:54:06 -08:00
A Kriya
1871531312 Docs: add .fw-medium utility class example 2023-01-08 15:48:44 -08:00
Julien Déramond
980116e02f Docs: missing deprecated callout for list-group-item-variant() mixin 2023-01-07 14:52:43 -08:00
Louis-Maxime Piton
fd1ec97bd3
Docs: Small enhancements (#37803)
* Consistency with the doc

* Bring a class to avoid weird behavior

* Consistency + Add some explaining text

* fix(color)
2023-01-05 19:59:59 -08:00
Julien Déramond
d17d2abb26 Docs: enhance colors description table 2023-01-05 19:58:52 -08:00
Julien Déramond
8a35408030
Docs: replace twbs/bootstrap-npm-starter by twbs/examples/tree/main/icons-font (#37671)
* Docs: replace twbs/bootstrap-npm-starter by twbs/examples/tree/main/icons-font

* Revamp starter template to use new .icon-link, fix Bootstrap icon and text at top

* Remove extra CSS file

* Change links to twbs/examples

* Fix icon name

* Adjust icon link offset to more reasonable and scaling distance

Co-authored-by: Mark Otto <markdotto@gmail.com>
2023-01-04 13:38:45 -08:00
Mark Otto
846d6606ec Include twbs/examples in the Examples page 2023-01-04 09:56:11 -08:00
Mark Otto
d70b5db2e0
Add new link utilities, icon link helper, and update colored link helpers (#37762)
* Add new link utilities, update colored link helpers

* Remove commented out code

* Fixes

* Remove examples changes

* Fixes and copy

* Fix icon-link instances on homepage

* Bump bundlewatch

* Fix node-sass issue for rgba() function bug

* More bundlewatch

* One more time after merge

* Add callout for a11y

* Hover and focus-visible

* Add a11y callouts

* Remove duplicate for now

* More code review feedback
2023-01-03 22:23:46 -08:00
Mark Otto
89f9ffc212 Rewrite some callouts to remove most headings and reduce their content 2023-01-03 22:21:52 -08:00
Julien Déramond
f692ecdd5b Docs: fix accordion flush description 2023-01-03 19:42:58 -08:00
Julien Déramond
8546804325 Add webpack build to webpack guide 2023-01-03 19:40:58 -08:00
Patrick H. Lauke
9013c9884e
Docs: add explanation of the base .btn class (#37275)
* Docs: add explanation of the base `.btn` class

and a callout reminding authors to at least define some focus styling if they intend to use it "naked"

* Turn callout into a warning

* Add initial heading

* Tweak callout wording
2023-01-03 11:28:27 +00:00
AucT
19d547be3d
fix live toast demo (#37590)
* fix live toast demo

* Fix live toast demo

* Update snippets.js

* Update toasts.md

* Update snippets.js

* Code review comments addressed

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>
2023-01-02 22:06:09 -08:00
Julien Déramond
e60002b1fc Docs: add CSS variables section in close button section 2023-01-02 11:39:13 -08:00
Louis-Maxime Piton
0d64dc6dfc
Docs: offcanvas toggles accessibility fixes, fully hide layout template input
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
2023-01-02 16:07:48 +00:00
XhmikosR
dbdfab8a95
Update tooltips.md 2023-01-02 17:44:55 +02:00
Patrick H. Lauke
2cc580e2d1
Docs: remove remnants of Twitter / bump dates (#37779) 2023-01-01 16:30:53 -08:00
Patrick H. Lauke
1b39d1275b Docs: Remove unnecessary id/aria-labelledby from accordion examples
Follow-up to https://github.com/twbs/bootstrap/pull/37718
2022-12-30 16:50:10 -08:00
Julien Déramond
4b12084a2a Docs: enhance Focus ring example section desc 2022-12-30 16:48:07 -08:00
Mark Otto
9e17b2b34c
Focus ring helper and utilities (#33125)
* Add global variables for box-shadow focus rings

* Update instances of -btn-focus-box-shadow to use -ring-box-shadow, unless it's for buttons or inputs

* fix variable name

* Add CSS variables for global focus styling, document it

* Move to CSS vars section

* Update scss/_nav.scss

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>

* Helper and utils

* Fix bundlewatch

* Change 'Focus ring' in sidebar so that the page can be visible

* Minor typo fix

* fix merge

* Revamp some more, improve docs

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
Co-authored-by: Julien Déramond <juderamond@gmail.com>
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
2022-12-29 14:19:22 -08:00
Julien Déramond
433558dec2 Docs: replace dark btns by primary ones from Button group docs to avoid issues in dark mode 2022-12-29 12:28:52 -08:00
Julien Déramond
8befabbde9
Docs: display examples based on the docs current color mode (#37562)
* Docs: display examples based on the docs current color mode

* Fix _default/examples.html
2022-12-28 22:58:35 -08:00
Julien Déramond
baf5d4c4c1 Fix CSS variables mentioned in our docs 2022-12-28 22:17:16 -08:00
Mark Otto
7d9aa9d716
Add .nav-underline modifier class (#33126)
* Add .nav-underline modifier class

* Tweak sizing and spacing, add underline on hover

* Rebuild with Sass and CSS variables

* Document CSS vars

* Bump bundlewatch
2022-12-28 21:55:54 -08:00
Ben Koshy
752be8657d
Improve readability in docs flex page (#34647)
It's not easy to otherwise correlate the examples with the relevant classes: you'd have to mentally count and correlate them. This obviates that need. Please see the image below to see the usefulness of the above.

Co-authored-by: Mark Otto <markdotto@gmail.com>
2022-12-28 13:19:55 -08:00
Hannah Issermann
a99234d528
Use aria-labelledby to associate form-text (helper) with input field … (#37587)
* Use aria-labelledby to associate form-text (helper) with input field when it contains mandatory info (e.g. data format)

* Example in input-group needs aria-describedby (or aria-labelledby) too

Co-authored-by: Mark Otto <markdotto@gmail.com>
2022-12-28 13:19:34 -08:00
Teaca-Sebastian
f9827ac8d8 Update /#color-schemes to v5.3 2022-12-28 13:00:06 -08:00
Julien Déramond
39c51aa3eb Docs: change some title containing '&' to bypass Algolia issue 2022-12-26 15:36:16 -08:00
Mark Otto
6295d3ba36
Few miscellaneous docs fixes (#37625)
* Update hero button color

* Fix link color on examples index

* Move .bd-btn-lg to docs buttons partial, move larger border-radius to that class so medium buttons don't look odd

* Undo the markup split

* Round padding up to whole number
2022-12-26 11:32:43 -08:00
Patrick H. Lauke
492187de64
Remove unnecessary id/aria-labelledby from cheatsheet accordions (#37718)
Explicit labelling (which then would also benefit from a `role="group"` or similar role) is only optional, and not really appropriate just for a cheatsheet

https://www.w3.org/WAI/ARIA/apg/patterns/accordion/

Closes #37591
2022-12-26 00:11:36 +00:00
Julien Déramond
9bd7228ed6 Remove some unused SVGs in Dropdowns example 2022-12-24 14:47:55 -08:00
XhmikosR
cf9454caa0
Release v5.3.0-alpha1 (#37661)
* Bump version to 5.3.0-alpha1

* Dist

* Add docs versions updates

* Update note in homepage hero

Co-authored-by: Mark Otto <markdotto@gmail.com>
2022-12-24 18:37:22 +02:00
Mark Otto
cf3c1535e6 Update docs and package information to clarify license 2022-12-20 14:24:43 -08:00
Julien Déramond
57228a6b65 Docs: fix typo for Sass vars references in Customize > Color modes > Building with Sass 2022-12-20 12:55:10 -08:00
Louis-Maxime Piton
33dd82448c
Docs: remove Webpack reference in Parcel guide (#37670) 2022-12-19 18:34:18 +01:00
XhmikosR
e1315d11f2
docs: move color-mode script (#37658)
* docs: move color-mode script

* Move color-modes.js in static folder

* Async load color-modes.js

* Switch to DOMContentLoaded

* Revert async loading
2022-12-18 14:32:17 -07:00
Vipin Mishra
9d64a983ee
Fix grid and alignment of Features example (#37502)
Co-authored-by: Julien Déramond <juderamond@gmail.com>
2022-12-18 08:12:19 +01:00
XhmikosR
d16efb79b6
Update javascript.md (#37566) 2022-12-01 09:59:45 +02:00
Julien Déramond
93c09e7034
Docs: fix 'Usage > Enable dark mode' code example (#37553) 2022-11-29 08:38:27 +01:00
Patrick H. Lauke
0444d2cfe5
Docs: rewrite/reorganise carousel docs page (#37354)
* Instantiate/initialize all non-autoplaying carousels in docs pages

* Rewrite/reorganise carousel docs page

* start with static/non-autoplaying examples
* explicitly mention that carousels currently need to be manually initialized
* split out and explain autoplaying and the weird "autoplay after first interaction" behaviour, as well as the pause on hover/focus

* Add callout about autoplaying and accessibility

* Don't have the dark variant example autoplay

* Add "autoplaying" to cspell custom dictionary

* Tweal wording, move Page Visibility API to autoplay section

* Tweak explanation for methods, add line break in js code for consistency with last code block on the page

* Tweak method descriptions

* Tweak headings (plural "carousels")

* Move some paragraphs out of intro and into basic example, reword the nested and accessibility paragraph

* Tweak warning about `.active` slide

* Tweak callout wording

* Further prose tweaks

move the sentence about not double-initialising autoplaying carousels to the callout right at the top
instead of talking about `data-bs...` attributes, talk about the "option" instead, as authors may be setting these not via data attributes, but at instatiation time with options in the constructor
remove the incorrect statement about pausing when keyboard focus is in the carousel

* Instantiate/initialize all non-autoplaying carousels in docs pages

* Rewrite/reorganise carousel docs page

* start with static/non-autoplaying examples
* explicitly mention that carousels currently need to be manually initialized
* split out and explain autoplaying and the weird "autoplay after first interaction" behaviour, as well as the pause on hover/focus

* Add callout about autoplaying and accessibility

* Don't have the dark variant example autoplay

* Add "autoplaying" to cspell custom dictionary

* Tweal wording, move Page Visibility API to autoplay section

* Tweak explanation for methods, add line break in js code for consistency with last code block on the page

* Tweak method descriptions

* Tweak headings (plural "carousels")

* Move some paragraphs out of intro and into basic example, reword the nested and accessibility paragraph

* Tweak warning about `.active` slide

* Tweak callout wording

* Further prose tweaks

move the sentence about not double-initialising autoplaying carousels to the callout right at the top
instead of talking about `data-bs...` attributes, talk about the "option" instead, as authors may be setting these not via data attributes, but at instatiation time with options in the constructor
remove the incorrect statement about pausing when keyboard focus is in the carousel

* Fix relative link

* Update site/assets/js/snippets.js

Co-authored-by: GeoSot <geo.sotis@gmail.com>

* Fix snippet.js

* Tweak content organisation just a bit

Co-authored-by: GeoSot <geo.sotis@gmail.com>
Co-authored-by: Julien Déramond <juderamond@gmail.com>
Co-authored-by: Julien Déramond <julien.deramond@orange.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>
2022-11-28 23:20:35 -08:00
Patrick H. Lauke
26a3ef1bcb
Rework progress bar markup and styles (#36831)
* 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>
2022-11-28 23:07:48 -08:00
EricDunsworth
019a977481
Docs: Add black text/background examples (#37538)
These classes have existed since 5.1 but weren't previously documented.

Specifically:

* .text-black

* .bg-black

* .bg-black.bg-gradient

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2022-11-28 23:07:27 -08:00