Commit Graph

185 Commits

Author SHA1 Message Date
ysds bcccfaa5f3 Fixes dropdown snippets (#25301)
* Make dropright snippet the same as demo

* Add missing .dropdown-toggle-split class

* Make clear the split button label the same as demo
2018-01-14 20:08:33 -08:00
Jason Korth 638953e119 add List Group Flush to List Group docs (#25289)
fixes #25288
2018-01-14 15:46:58 -08:00
Vytas bea31472ea Fix invalid "constraint validation API" URL in docs (#25244) 2018-01-11 10:36:16 +02:00
Mark Otto 460849ddcd
Validation tooltip example (#25143)
* Add additional form validation examples

Fixes #24811.

This adds .valid-feedback to our custom styles and server side examples; previously we ommitted this to suggest you don't always need valid feedback. In addition, this adds examples of the .{valid|invalid}-tooltip classes with a new subsection in the Validation docs.

* Update validation tooltip styles to remove fixed width; instead should retain itself to the parent element

* update ids

* finish docs paragraph, mention position: relative
2018-01-02 21:57:56 -08:00
Mark Otto 1e6a0f4ff3 add example of textarea to docs 2018-01-02 21:18:14 -08:00
Patrick H. Lauke 8462cc2a19
Expand keyboard advice for tooltips, clarify what `manual` trigger does in table 2018-01-02 19:35:13 +00:00
Patrick H. Lauke 8bb39f27bd
Remove incorrect roles from accordion, tweak/expand accessibility info, use buttons for accordion
* Remove incorrect roles from accordion, tweak/expand accessibility info
* Use `<button>` elements rather than links for the accordion
2018-01-02 18:19:47 +00:00
Martijn Cuppens ae71e71fe1 Allow nested structure for accordions (#25121)
This commit allows nested structures for accordions. Also a part of
the documentation about data-children is removed because this
functionality didn't work and it's not applicable anymore.

Tests with the collapse accordion are also a bit adjusted to the new
situation.
2017-12-31 14:53:33 +02:00
ysds 6b5a2ff626 Apply of #25068 to input group 2017-12-30 20:59:57 -08:00
Kramb 8c87e019a5 Add modal-dialog-centered class to vertically centered modal example. 2017-12-30 20:57:22 -08:00
XhmikosR 6a17e639d6 Remove trailing spaces. 2017-12-31 01:42:19 +02:00
Mark Otto 3ab82e58e6 drop "simply" and tweak a few other bits 2017-12-30 18:01:36 +02:00
Alberto bcc62232d8 Updated docs for translating "Browse" text into other languages
"Choose file ..." text is now written inside the label tag, so the translation is outside the css scope. 
$custom-file-text variable should only contain "Browse" translations.
2017-12-30 18:01:36 +02:00
Andres Galante d62a6d32ca Remove unnecessary `align-middle` class from Navbar docs (#25116) 2017-12-30 17:19:27 +02:00
Mark Otto 3e0dd5a5d7 Add examples of disabled tooltip and popover triggers 2017-12-28 10:26:43 -08:00
ysds b97cb2aa74 Remove blank line 2017-12-28 10:21:14 -08:00
ysds 0b771174d5 Add docs about active menu items (#24993) 2017-12-28 10:21:14 -08:00
Mark Otto be3aa437a1 add note about single vs group 2017-12-28 10:19:27 -08:00
Mark Otto 1171e175c0 Update JS-powered buttons docs to include single button example
Closes #25067
2017-12-28 10:19:27 -08:00
Mark Otto 42e881f590 improve docs tables 2017-12-27 13:40:51 -08:00
Mark Otto cf5e99e172 Merge branch 'v4-dev' of https://github.com/twbs/bootstrap into v4-dev 2017-12-26 22:28:14 -08:00
Mark Otto 572193524f remove popover static example 2017-12-26 21:50:23 -08:00
Mark Otto acee8a00d6 remove broken static demo 2017-12-26 21:45:53 -08:00
Mark Otto b01e81ed36 Rewrite custom file input
- Changes the wrapping label to a div so we can style the label instead of another element while also supporting form validation.
- Fixes form validation styles for custom file input (closes #24831).
- Updates docs with validation styles (also adding example feedback text while I was there) and new how it works section.
2017-12-26 16:14:08 -08:00
Mark Otto 878e5c5910 Closes #25039
Adds some additional context on `.form-group` usage
2017-12-26 13:21:08 -08:00
Mark Otto 2435afe4e6 Move from h4s and misc to h5s so headings from example snippets don't show in our table of contents 2017-12-26 13:18:19 -08:00
Mark Otto 73ca04df53 space custom select sizing examples 2017-12-23 17:50:52 -08:00
Mark Otto 0a420124ea
Restyle code element, remove docs example overflow, improve docs examples (#25054)
* Restyle code element, clean up variables

- Removes the padding and background-color
- Changes the color to a brand color ()
- Add new variables to kbd element styles to account for removing the code ones
- Remove overrides that were needed previously

* only break between words, and override it in the pre

* make file inputs 100% wide

* scope custom file changes in input group for sizing

* shorter button labels for responsive

* narrower cards

* button was too wide

* downsize

* fewer links in pagination

* redo cell text

* improve overflow docs
2017-12-22 16:49:57 -08:00
Mark Otto 16f1417240
Form check markup v2 (#25050)
* match layout behaviors

* ditch the indicator as separate element for psuedo-elements on the label

* move disabled to attribute only on input

* redo default inline check to support new markup

* redo inline forms

* clean up vars

* update validation mixin to new structure

* update checks in docs

* linting for for/id attributes
2017-12-22 16:13:01 -08:00
Mark Otto 13150872c6
Rewrite input group component (#25020)
* Rewrite input group component

* Set the feedback to 100% width for input group

* Move from .row to .form-row for tighter layout

* no need for custom feedback here, we're using browser messaging

* add input group to validation examples

* add note about validating multiple

* migration note added
2017-12-22 15:29:49 -08:00
Troy Morehouse 6f1e746d70 tooltip+popover: add boundary config option (#24979) 2017-12-12 11:36:54 +02:00
Troy Morehouse 8839c03865 dropdown: add boundary config option (#24976) 2017-12-12 11:28:30 +02:00
Troy Morehouse 9de141f428 Remove .col-form-legend in favor of .col-form-label (#24932)
* chore: sync with twbs (#1)

* Make styling of grouped option buttons class-based

Referencing #23728, styling grouped radio and checkbox buttons should not require the data-toggle attribute.

* Fix installing deps in our webpack docs

* Fix nested cards on card group (#24766)

* Update popper.js to v1.12.9. (#24797)

* Don't run postcss for `dist/css/*.min.css` files. (#24676)

* Change the text color to dark on bg color warning examples (#24805)

* Remove unused file and bundle ie-emulation-modes-warning.js with docs.min.js (#24825)

* Remove the unused assets/js/ie10-viewport-bug-workaround.js.

* Combine ie-emulation-modes-warning.js with docs.min.js.

* Typos in grid.md (#24828)

Fixed typos in offsetting section of grid.md

* Fix dropup example code

* Update devDependencies. (#24829)

* Add support for fractional viewport widths (zoom/high-dpi displays) (#24299)

* Change breakpoint  max- calculation to fractional values
* Update docs to reflect fractional max-width breakpoint values
* Add fractional max-width to offcanvas example
* Add documentation and SCSS comment for fractional viewport support

* Add a simple script to generate SRI hashes for our assets. (#24814)

* Allow us to run our unit test on differents jquery version

* Run karma tests in parallel.

* Update typography docs (#24863)

* closes #24450

* Rewrite custom form check backgrounds (#24697)

* Rewrite custom form check backgrounds

Previously, this was all just a background-color and background-image. When we restored the gradients though, we had two background-images competing on the same element, causing rendering glitches. This refactors that code, creating a mixin to simplify things, so we can we easily use two background-images (SVG icon and gradient) when -gradients is set to true.

Fixes #24598

* restore default vars

* Revamp custom check and radio backgrounds

Instead of applying multiple background-image's to the same element, we're adding a new ::before pseudo-element to layer the background-images. Gradients go on the .custom-control-indicator while their icons go on the ::before element. This allows us to shave some bytes from when we compile and we previously needed to redeclare the background-image for the icon if you changed the gradient.

* remove now unused mixin

* mention change in migration docs

* lets the centered modal have any height (#24803)

* Custom select updates (#24699)

* Add support for size attribute on custom selects

* Add large custom select, document it and the small variant

* fix custom select focus state

* fix custom file input focus styles

* remove empty line

* Update package.json. (#24582)

1. Use the same jQuery version in jspm
2. Update the files to only include the source and dist folders

* Use Jekyll's `smartify` filter when possible. (#24866)

* Darken outline hover color to match default button hover (#24150)

* Fix Issue #24144

Alter button-outline-variant mixin to darken hover and active background in same fashion as filled button.

* Fix Issue #24144

Filled button on hover should utilize the same color-yiq mixin so that theme buttons match

* default values, fix mixin

* rename it

* document it

* add migration note

* fixes #24728

* Remove unused CSS. (#24872)

* tab.js: do not remove fade class if there's no initial active pane

* Restore currently unused variables (#24891)

* Replace lint-vars.sh with a Node.js script. (#24860)

Also, include it in the `css` npm script since it's instant.

* Fix docs horizontal scrollbar (#24878)

* Fix docs horizontal scrollbar in Components > Modal

* Add overflow to docs example class

* Drop the handleUpdate() variant

While I understand the variant covers the "get a particular plugin instance" case from http://getbootstrap.com/docs/4.0/getting-started/javascript/#programmatic-api it seems weird that we do it here but not everywhere else in the docs (randomly checking other pages, we seem to stick to the documented methods as written on those pages). As this isn't properly explained as is, and as it adds nothing (more of a preference for authors), it would be easier to just drop the variant and stick with the documented method as outlined later on in the same page (avoids having to go off on a "why should you use this instead of that" tangent here).

* Combine path and remove variable used in one place. (#24873)

* Update devDependencies and gems. (#24876)

* Override padding on radio input label (#24899)

We could tell folks to nix the class, we could tell them to override it, or we could add another modifier of some kind to address this. None of them seem particularly useful, but the padding override feels the most approachable and clearly documentable. Added this here to close #24844.

* Update README.md (#24912)

* Work around Travis failures.

Note that we should revert this when the issue is fixed.

* Revert the Travis workaround. (#24926)

The issue has been fixed.

* add .col-form-legend-lg and .col-form-legend-sm classes

* document .col-form-legend-{size}

* trash .col-form-legend completely

One class fits all

* Update forms.md

* consolidate copy

* property order
2017-12-02 11:51:38 -08:00
Mark Otto a649c7f208 Override padding on radio input label (#24899)
We could tell folks to nix the class, we could tell them to override it, or we could add another modifier of some kind to address this. None of them seem particularly useful, but the padding override feels the most approachable and clearly documentable. Added this here to close #24844.
2017-11-29 13:05:01 +02:00
Patrick H. Lauke 05d88ca285 Fix docs horizontal scrollbar (#24878)
* Fix docs horizontal scrollbar in Components > Modal

* Add overflow to docs example class

* Drop the handleUpdate() variant

While I understand the variant covers the "get a particular plugin instance" case from http://getbootstrap.com/docs/4.0/getting-started/javascript/#programmatic-api it seems weird that we do it here but not everywhere else in the docs (randomly checking other pages, we seem to stick to the documented methods as written on those pages). As this isn't properly explained as is, and as it adds nothing (more of a preference for authors), it would be easier to just drop the variant and stick with the documented method as outlined later on in the same page (avoids having to go off on a "why should you use this instead of that" tangent here).
2017-11-27 11:23:05 -08:00
Mark Otto babdf36c42 Merge branch 'v4-dev' of https://github.com/twbs/bootstrap into v4-dev 2017-11-24 17:02:01 -08:00
Mark Otto 79cfd56947 document it 2017-11-24 16:58:36 -08:00
Mark Otto 2ec1606ab7
Custom select updates (#24699)
* Add support for size attribute on custom selects

* Add large custom select, document it and the small variant

* fix custom select focus state

* fix custom file input focus styles

* remove empty line
2017-11-24 14:29:59 -08:00
Andres Galante b29e3f2a4c lets the centered modal have any height (#24803) 2017-11-24 14:28:58 -08:00
ysds eeb3ce0138 Fix dropup example code 2017-11-20 09:18:17 +01:00
Daniel Niccoli c81ce9fdf4 Removed .col-form-label from vertical form example (#24771)
Fixes #24739
2017-11-15 03:37:23 +02:00
Patrick Yeo 031695e2f3 Add missing `role="button"` in collapse examples. (#24725) 2017-11-09 07:56:07 +02:00
Vasilii Artemchuk 5a2d6c70f4 Use native pseudo-selectors instead of jQuery selectors (#24713) 2017-11-09 07:51:19 +02:00
XhmikosR ed374d1ee9 Remove a few extra newlines. 2017-11-03 14:12:47 +02:00
patrickhlauke f9188de4af Fix invalid `<nav ... role="tablist">` in docs. 2017-10-31 21:36:17 +02:00
XhmikosR 95025a992f Remove the redundant `role=navigation` from `nav`s. 2017-10-31 21:36:17 +02:00
XhmikosR b67a4be8de
Minor Markdown consistency cleanup. (#24605) 2017-10-30 23:53:57 +02:00
Johann-S 10773f45d4 Fix bad title for our dispose method in our documentation 2017-10-30 15:46:39 +01:00
Mark Otto b5cd9b91b2 Merge branch 'v4-dev' of https://github.com/twbs/bootstrap into v4-dev 2017-10-29 16:13:37 -07:00
Mark Otto 136aefead4 nuke container class for consistency while we're here 2017-10-29 16:03:13 -07:00