Commit Graph

623 Commits

Author SHA1 Message Date
Patrick H. Lauke a882614c45 Make carousel indicators actual buttons 2021-01-28 23:32:24 +02:00
Rohit Sharma e036e604de Update docs for `offset` option 2021-01-28 12:23:33 +02:00
joke2k 881f43a3b9 Restore offset option for dropdown component 2021-01-28 12:23:33 +02:00
Mark Otto 51ca9a9e2f
Update checks and radios in input groups (#32912)
- Adds .mt-0 to the examples
- Zero-ing out universally for all of them like in #32896 would cause issues for those who include the input with visible label text, where the text and input would be misaligned
2021-01-28 11:39:36 +02:00
Tobias Bengfort e06ffa288f
migration: mention `.form-text` changes (#32911)
see #30598 and #30565
2021-01-28 08:05:05 +02:00
Patrick H. Lauke 3aa3fda730
Carousel: use buttons, not links, for prev/next controls (#32627)
* 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 <markd.otto@gmail.com>

* Explicitly set padding to 0 to prevent dipping/moving on active in Firefox

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-27 17:31:16 +02:00
Vino Rodrigues ba30df146c Replace .bg-white with .bg-body in docs
Response to issue #32810

Use of the .bg-white class to define visual aspects of the examples
would be unintuitive for theme builders to test themes on.
This replaces instances of .bg-white with .bg-body in the examples.

- Edited examples to replace use .bg-white class with .bg-body class
  - product
  - offcanvas
  - pricing
  - cheatsheet
  - cheatsheet-rtl
- Edited utilities colors.md & shadows.md to include .bg-body class
2021-01-25 14:34:01 -08:00
Kyle Tsang c6d6160a7c
docs: Fix `navbar-nav-scroll` description (#32846) 2021-01-20 12:12:35 +02:00
Mark Otto 40b15de723
Add `.navbar-nav-scroll` for vertical scrolling of navbar content (#32037)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-19 07:32:18 +02:00
Mark Otto 4167c107f8
Add a live toast example to the docs (#32760) 2021-01-18 15:10:01 +02:00
Mark Otto 803e49d928
Clarifies Sass variable defaults, adds bootstrap-npm-starter callout (#32795)
* Clarify Sass import and customize docs for how to modify variable defaulst

* Add an npm starter project callout to a few pages

* Update callout-info-npm-starter.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-14 16:21:21 -08:00
Siju Samson 9bec37a77b
docs: work around Toast CSS conflict with utils (#32620)
* Toast CSS conflict resolved

* Update toasts.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-14 16:07:36 -08:00
Patrick H. Lauke 949fa30152
Remove role="button" from CTA links in carousel examples (#32788)
They're links, acting as links. Just because they're styled as buttons visually doesn't mean they need/get `role="button"`
2021-01-14 01:54:25 +02:00
voltaek f7d3870567
Docs v5: Fix Sass rounding precision and state Sass implementation (#32512)
* Add Sass section to Getting Started > Build Tools, mention Sass implementation used, mention current precision of 10 due to Dart Sass, and mention recommended minimum precision (value of 6 used in BS v4). Remove outdated Sass precision from Customize > Sass docs page.

* Remove more mentions of deprecated Sass implementations. Add links to Sass compiler mentions so we can keep all pertinent Sass compiler information in just one location instead of spread through the docs, which makes it hard to find the details and/or keep them up-to-date.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-14 00:41:42 +02:00
Mark Otto 80c0d4deab
Add mention of CSPs and SVGs (#32759)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-14 00:15:18 +02:00
Mark Otto d21fb9b627
Document some basic code conventions for us (#32778)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-13 21:06:07 +02:00
Gaël Poupard 20a9d491a2
Improve docs regarding RTL migration (#32771)
* docs(migrations): add a note regarding migration from v4 used for RTL layouts

* docs(RTL): LTR & RTL at the same time

* docs(utilities): how-to use the API to rename utilities

* docs(RTL): mention issue when nesting styles with .ltr / .rtl
2021-01-13 21:01:36 +02:00
ghost_32 82e5fe2d8c
Migration: mention the removal of `.rounded-sm/lg` utilities (#32758)
* Changes made in migration.md file of documentation

Added information about the removal of `.rounded-sm` and `.rounded-lg`.
And addition of `.rounded-0` to `.rounded-3`

* Moved the edited line

Added `rounded-0` to `rounded-3` under  v5.0.0-alpha3

* Moved correctly

* Added link

Added link to issue #31687

* docs(migration): last typo thinggies

* Update migration.md

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-13 09:18:56 -08:00
Mark Otto 05249c8c04
Document size and multiple aren't supported on floating label selects (#32744)
* Document size and multiple aren't supported on floating label selects

Closes #32660

* Update floating-labels.md
2021-01-13 09:15:05 -08:00
Marcin Kasperski 408b2558dc
Update toasts.md (#32782)
* dropped mention of `backdrop-filter`
* changed mention of `.text-white` to `.btn-close-white` on close button
2021-01-13 19:05:25 +02:00
Mark Otto 69afafe811
Mention stretched-link constraints with table elements (#32761)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-12 15:33:58 +02:00
Brian Thompson ee8546da18
Fix typo (#32740)
* Fix typo

* Rewrite description to avoid awkward phrasing

Co-authored-by: Mark Otto <otto@github.com>
2021-01-09 13:06:41 -08:00
Théophile Helleboid - chtitux 80557b3ac0
Move "active" class from `.nav-item` to `.nav-link` (#32730) 2021-01-08 20:53:04 +02:00
Mark Otto cefdcf6954
Clarify the `$enable-shadows` option in our docs (#32685)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-07 10:16:21 +02:00
Florian Lacreuse e635a49536
Fix navbar docs - active nav-link (#32589)
* Fix navbar docs - active nav-link

* Update navbar.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-07 09:24:57 +02:00
Gaël Poupard acec356c81
fix(ratio): missing variable prefix (#32501)
This is the only unprefixed custom property, and its name is very common so I think we'd better prefix it too.
2021-01-06 08:14:54 +02:00
Patrick H. Lauke d1a62b47c3
Tweak wording for no-touch carousel (#32688)
based on changes made in the backport https://github.com/twbs/bootstrap/pull/32639
2021-01-06 00:59:44 +00:00
Jonathan 88d35b725b
Hyphen to dash for ranges (#32488)
* Hyphen to dash for ranges

* Hyphen to dash for ranges

* Hyphen to dash for ranges

* Hyphen to dash for ranges

* Hyphen to dash for ranges
2021-01-05 13:56:44 -08:00
Théophile Helleboid - chtitux 265605bba0
carousel example: Move "active" class on .nav-link element (#32647) (#32647)
The "active" CSS class must be on "nav-link" element, see `_navbar.scss`:

```css
.nav-link.active {
  color: $navbar-dark-active-color;
}
```

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-05 22:15:59 +02:00
Mark Otto dfe1b156d1
Fixes #32557: Add functions and variables to the utilities API docs imports (#32684)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-05 22:11:56 +02:00
Patrick H. Lauke fd48a8732f
Remove incorrect mention of dropdowns for dynamic tab behavior (#32634)
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 <xhmikosr@gmail.com>
2021-01-05 22:04:06 +02:00
Patrick H. Lauke e1e6f5684e
Tweak the wording for collapse to indicate button is preferred/more semantic (#32632)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-05 21:53:50 +02:00
Patrick H. Lauke b05145c951
Add an actual `data-bs-touch="false"` example in the carousel docs (#32638)
* 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-29 15:40:42 +02:00
Nils K 2d46e47464
Support Popper virtual elements (#32376)
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 <xhmikosr@gmail.com>
2020-12-21 14:32:11 +02:00
XhmikosR 44667d89fa
API docs: add missing comma (#32543) 2020-12-21 11:12:28 +02:00
Florian Lacreuse 86802f701c
Add keyboard-focusable elements for popover on disabled button (#32490) 2020-12-20 20:28:58 +02:00
XhmikosR d140f50b35
Tooltips: add missing space (#32529) 2020-12-20 17:12:22 +02:00
joe 561c0d8cde
added class selector "." to "dropend" (#32534)
It was missing the `.` before `dropend`.
2020-12-19 08:23:50 +02:00
Marc Jansing f07106e604
Add helpers to utilities bundle (#32324)
Adds currently missing utilities classes which are located in scss/helpers to
boostrap-utilities dist files.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-18 07:39:39 +02:00
Dmytro Yaremenko 8984255158
Extended form validation states customization capabilities (#31757)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-17 07:07:48 +02:00
Florian Lacreuse 4e7c9e56fc
Fix popover docs example (#32489) 2020-12-15 17:27:06 +02:00
Patrick H. Lauke eae52b1cb0 Expand `visually-hidden-focusable` so it can be used on a container, so the container becomes visible when focus is inside it / on one of its child elements. 2020-12-15 09:22:14 +02:00
Kyle Tsang 9b6c815148
docs: Remove unneeded `.form-group` class (#32483) 2020-12-15 09:21:25 +02:00
Florian Lacreuse e8d14b302e
Remove redundant `pointer-events: none` override for tooltip and popover disabled buttons (#32478)
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-15 09:17:58 +02:00
Alan Orth e1f561b53c
docs: Add system-ui to native font stack documentation (#32455)
system-ui was added to the native font stack in #30561 but the docs were not updated.
2020-12-15 09:10:09 +02:00
Rohit Sharma 042a4a255f
Tooltip/popover - change the default value for `fallbackPlacements` (#32437)
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 <xhmikosr@gmail.com>
2020-12-14 20:51:14 +02:00
Florian Lacreuse 793c79d14b
Clean up lorem ipsum text in popover examples (#32479) 2020-12-14 20:26:16 +02:00
Florian Lacreuse fe3658672c
Add missing `has-validation` in checkout examples (#32464) 2020-12-14 14:33:20 +02:00
Gaël Poupard e967ecf900 docs(cheatsheet): fix RTL sidenav arrows 2020-12-14 11:11:47 +02:00
Alan Orth f2b39d620c
examples: Update font utility classes to new v5 versions (#32449)
* site: Fix .font-italic to .fst-italic in blog example

The font utility class was renamed from .font-italic to .fst-italic
but a few references didn't get updated.

* site: Fix .font-weight-* to .fw-* in RTL examples

These font utility classes were renamed from .font-weight-* to .fw-*
but a few references didn't get updated.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-14 10:51:21 +02:00