aboutsummaryrefslogtreecommitdiff
path: root/site/content/docs/5.0/components
AgeCommit message (Collapse)AuthorFilesLines
2021-03-02Offcanvas as component (#29017)GeoSot1-0/+256
* Add a new offcanvas component * offcanvas.js: switch to string constants and `event.key` * Remove unneeded code * Sass optimizations * Fixes Make sure the element is hidden and not offscreen when inactive fix close icon negative margins Add content in right & bottom examples Re-fix bottom offcanvas height not to cover all viewport * Wording tweaks * update tests and offcanvas class * separate scrollbar functionality and use it in offcanvas * Update .bundlewatch.config.json * fix focus * update btn-close / fix focus on close * add aria-modal and role return focus on trigger when offcanvas is closed change body scrolling timings * move common code to reusable functions * add aria-labelledby * Replace lorem ipsum text * fix focus when offcanvas is closed * updates * revert modal, add tests for scrollbar * show backdrop by default * Update offcanvas.md * Update offcanvas CSS to better match modals - Add background-clip for borders - Move from outline to border (less clever, more consistent) - Add scss-docs in vars * Revamp offcanvas docs - Add static example to show and explain the components - Split live examples and rename them - Simplify example content - Expand docs notes elsewhere - Add sass docs * Add .offcanvas-title instead of .modal-title * Rename offcanvas example to offcanvas-navbar to reflect it's purpose * labelledby references title and not header * Add default shadow to offcanvas * enable offcanvas-body to fill all the remaining wrapper area * Be more descriptive, on Accessibility area * remove redundant classes * ensure in case of an already open offcanvas, not to open another one * bring back backdrop|scroll combinations * bring back toggling class * refactor scrollbar method, plus tests * add check if element is not full-width, according to #30621 * revert all in modal * use documentElement innerWidth * Rename classes to -start and -end Also copyedit some docs wording * omit some things on scrollbar * PASS BrowserStack tests -- IOS devices, Android devices and Browsers on Mac, hide scrollbar by default and appear it, only while scrolling. * Rename '_handleClosing' to '_addEventListeners' * change pipe usage to comma * change Data.getData to Data.get Co-authored-by: XhmikosR <[email protected]> Co-authored-by: Martijn Cuppens <[email protected]> Co-authored-by: Mark Otto <[email protected]>
2021-03-02Dropdown — Drop `flip` option (#33198)Rohit Sharma1-6/+0
2021-02-21Fix small typos / follow-up to #32630 (#33164)Patrick H. Lauke1-1/+1
2021-02-17Clarify docs around .navbar-brand (#33123)Mark Otto1-4/+12
- Add new headings and text for each example - Fixes #33072 by changing align-* class
2021-02-15Fix typo in nav-tabs docs (#33081)Siju Samson1-1/+1
2021-02-11Docs improvements after beta2 (#33049)Gaël Poupard2-13/+13
* docs(carousel): double-spaces out there * docs(toasts): missing word, ins't it? * docs(cheatsheet): use buttons for carousels and tabs ion cheatsheets too Co-authored-by: XhmikosR <[email protected]>
2021-02-10Add Sass docs (variables, mixins, and loops) to most pages (#32747)Mark Otto20-6/+217
* WIP: Mention variables, mixins, and loops in docs * Add Sass sections to component pages * add sass docs for forms and content * Update buttons.md * Remove empty mixins sections * Massive update to utilities and some consistency changes Co-authored-by: XhmikosR <[email protected]>
2021-02-09Add function type for `popperConfig` option (#32882)Rohit Sharma3-6/+51
* Add function type for `popperConfig` option * Update .bundlewatch.config.json * copy edits Co-authored-by: XhmikosR <[email protected]> Co-authored-by: Mark Otto <[email protected]>
2021-02-09Remove .dropdown-menu[style] reset and adjust .dropdown-menu-* modifiersMark Otto1-4/+89
- Removes the &[style] selector that was used for resetting Popper styles - Separate Popper-based alignment from static alignment with `data-bs-popover` attribute that separates the --bs-position and custom right/left properties Co-Authored-By: Rohit Sharma <[email protected]>
2021-02-09Dynamic tabs: use buttons rather than links (#32630)Patrick H. Lauke1-37/+37
* Dynamic tabs: use buttons rather than links - change docs - add mention that tabs should be <button> elements - tweak styles to neutralise border and background * Update js unit and visual test accordingly - replace links with buttons - make one specific test that uses links instead of buttons, as we still want to support it despite it being non-semantically appropriate - Leaving a couple of tests for now. The test for removed tabs should be redone so that tabs are removed programmatically (as the approach of having that close button inside the link is invalid and broken markup). The test for dropdowns should be removed together we actually ripping out the handling for dropdowns in the tab.js code (arguably a breaking change, though we discouraged this for a few versions and effectively "deprecated" it) * Add isolation:isolate to prevent focus being overlapped https://github.com/twbs/bootstrap/pull/32630#issuecomment-756015766
2021-02-08Add a note to change the case type of option name (#32995)Rohit Sharma2-2/+2
2021-02-04Fix boundary config description for dropdown and popover (#32979)Kyle Tsang2-5/+3
2021-02-03Dropdown — Emit events on the `.dropdown-toggle` button (#32625)Rohit Sharma1-2/+1
* Emit events on the dropdown button Emit the events on `.dropdown-toggle` button and then bubble up * Add migration note for events * Update the docs for events * Add unit test to check the event bubbling Co-authored-by: XhmikosR <[email protected]>
2021-02-03Remove the initial margin from dropdown/popover in favor of Popper (#32524)Rohit Sharma2-2/+2
* Remove the margin from dropdown in favor of Popper - Set the default margin to 0 for dropdowns (To remove the Popper's warning) - Set the required offset in dropdown's defaults * Remove the margin from the popover component Co-authored-by: XhmikosR <[email protected]>
2021-02-03Update docs for color and bg utilitiesMark Otto3-3/+3
- Split colors from background utilities with new docs page - Add Sass docs for both pages
2021-01-28Make carousel indicators actual buttonsPatrick H. Lauke1-15/+15
2021-01-28Update docs for `offset` optionRohit Sharma3-3/+23
2021-01-28Restore offset option for dropdown componentjoke2k1-0/+10
2021-01-27Carousel: use buttons, not links, for prev/next controls (#32627)Patrick H. Lauke1-30/+30
* Carousel: use buttons, not links, for prev/next - expand the styles to neutralise border/background - change docs page - add extra unit test to check that links or buttons work as controls - modify visual test to use buttons as well - use buttons instead of links for prev/next - remove `role="button"` from links that are actually links * Clarify that controls can be button or link * Update site/content/docs/5.0/components/carousel.md Co-authored-by: Mark Otto <[email protected]> * Explicitly set padding to 0 to prevent dipping/moving on active in Firefox Co-authored-by: XhmikosR <[email protected]>
2021-01-20docs: Fix `navbar-nav-scroll` description (#32846)Kyle Tsang1-1/+1
2021-01-19Add `.navbar-nav-scroll` for vertical scrolling of navbar content (#32037)Mark Otto1-0/+48
Co-authored-by: XhmikosR <[email protected]>
2021-01-18Add a live toast example to the docs (#32760)Mark Otto1-0/+40
2021-01-14docs: work around Toast CSS conflict with utils (#32620)Siju Samson1-7/+11
* Toast CSS conflict resolved * Update toasts.md Co-authored-by: XhmikosR <[email protected]>
2021-01-13Update toasts.md (#32782)Marcin Kasperski1-2/+2
* dropped mention of `backdrop-filter` * changed mention of `.text-white` to `.btn-close-white` on close button
2021-01-07Fix navbar docs - active nav-link (#32589)Florian Lacreuse1-2/+2
* Fix navbar docs - active nav-link * Update navbar.md Co-authored-by: XhmikosR <[email protected]>
2021-01-06Tweak wording for no-touch carousel (#32688)Patrick H. Lauke1-2/+2
based on changes made in the backport https://github.com/twbs/bootstrap/pull/32639
2021-01-05Remove incorrect mention of dropdowns for dynamic tab behavior (#32634)Patrick H. Lauke1-1/+1
While technically it still works, we're already saying authors shouldn't do it later on, and we removed any examples of this. This was a straggler. Co-authored-by: XhmikosR <[email protected]>
2021-01-05Tweak the wording for collapse to indicate button is preferred/more semantic ↵Patrick H. Lauke1-1/+1
(#32632) Co-authored-by: XhmikosR <[email protected]>
2020-12-29Add an actual `data-bs-touch="false"` example in the carousel docs (#32638)Patrick H. Lauke1-6/+34
* Add an actual `data-touch="false"` example in the carousel docs this can also make it easier to actually check/debug any issues we may have with this data attribute * Correct attribute table explanation and remove slide class from example
2020-12-21Support Popper virtual elements (#32376)Nils K1-2/+2
Adds the ability to use objects implementing the virtual element interface as the value for the reference option of a dropdown config. Co-authored-by: XhmikosR <[email protected]>
2020-12-20Add keyboard-focusable elements for popover on disabled button (#32490)Florian Lacreuse1-3/+3
2020-12-20Tooltips: add missing space (#32529)XhmikosR1-1/+1
2020-12-15Fix popover docs example (#32489)Florian Lacreuse1-22/+2
2020-12-15docs: Remove unneeded `.form-group` class (#32483)Kyle Tsang1-1/+1
2020-12-15Remove redundant `pointer-events: none` override for tooltip and popover ↵Florian Lacreuse2-4/+4
disabled buttons (#32478) Co-authored-by: Patrick H. Lauke <[email protected]> Co-authored-by: XhmikosR <[email protected]>
2020-12-14Tooltip/popover - change the default value for `fallbackPlacements` (#32437)Rohit Sharma2-6/+6
The default Popper `fallbackPlacements` value is `[oppositePlacement]`. - The default value was previously (in v4) `'flip'` that can be achieved by passing the single value in the array, like — `[oppositePlacement]`. Keeping `null` also sets the `fallbackPlacements` to `[oppositePlacement]` (Default value in Popper) - It's better to have **clockwise** (`['top', 'right', 'bottom', 'left']`) fallback options so that tooltip/popover can be placed to another side even if the opposite placement doesn't fit. Co-authored-by: XhmikosR <[email protected]>
2020-12-14Clean up lorem ipsum text in popover examples (#32479)Florian Lacreuse1-8/+8
2020-12-14Straggler lorem ipsum text (#32463)Patrick H. Lauke1-3/+3
2020-12-11Replace Lorem Ipsum placeholder text with more representative (or at least ↵Patrick H. Lauke8-174/+140
english language) text (#32246) Replaces shorter examples with more sensible/representative/inforrmative text. For longer passages, resorted to using SFW extracts from http://katyperryipsum.com/
2020-12-09Remove offset in Popover docskyletsang2-8/+2
Fix fallbackPlacements in Popover and Tooltip docs
2020-12-09docs: Update Popper 2 doc linkskyletsang3-6/+6
2020-12-08carousel.md: fix `$carousel-transition-duration` reference (#32316)Radu Chiriac1-1/+1
Co-authored-by: XhmikosR <[email protected]>
2020-12-07Add a callout for the sanitizer in popovers and tooltips (#32272)Patrick H. Lauke2-2/+10
* Add a callout for the sanitizer in popovers and tooltips * Add second reference to sanitizer in the options Co-authored-by: XhmikosR <[email protected]>
2020-12-06Change button copy to make the example clearerMartijn Cuppens1-1/+1
2020-12-06Update to popper.js v2.xJohann-S2-28/+8
2020-12-04Add interactive positioning widgetMartijn Cuppens1-13/+31
2020-12-04Add toast positioningMartijn Cuppens1-30/+34
2020-12-04docs(examples): new cheatsheet and RTL examplesGaël Poupard14-105/+110
2020-12-01Fix empty CSS variableXhmikosR1-2/+2
2020-12-01Update breadcrumb docs and dividersMark Otto1-4/+37
- Add CSS custom property with fallback to Sass variable - Update docs to mention the new CSS custom property - Rewrite some of the docs to use divider instead of separator, and add some context here and there