0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-12 00:08:59 +01:00
Commit Graph

113 Commits

Author SHA1 Message Date
Tom Lutzenberger
e1653edb95 Add variables for transitions (#21345)
* Add variables for transitions

* Add variables for transitions
2016-12-19 20:33:17 -08:00
Brad Kent
8250bd1b21 Fix #20936 make inline checkbox/radio markup same as stacked (#20995)
* #20936 make inline checkbox/radio markup same as stacked

* tweak language and remove extra blank line in snippet
2016-11-28 20:56:49 -08:00
Florian Schlittenbauer
959c4e527c Fix incorrect select height calculation (#21171) 2016-11-28 13:33:11 -08:00
Mark Otto
e17e75b757 Update inline forms (updated docs and new flexbox styles) (#21212)
* fix form-inline with flex enabled
* grunt
* fix alignment of labels
* shorter if syntax
* add new form example to docs for now
* update inline form docs usage guidelines
* responsive margins
* better margin utils
* fix sizing of .form-check
* flexbox alignment of .form-check
* no need to change direction
* support custom controls in inline form, for default and flex modes
* add example of custom select and checks to docs
* remove hidden and visible label variants since we cover that in the usage guidelines at the start and include hidden labels everywhere
* use property value instead of layout name
* apply to all labels
* add a visible label, space it out
* add id
2016-11-26 16:55:18 -08:00
Mark Otto
0c467e7b29 Match the height of select.form-control with input.form-control
Uses a local variable and some calc love to counteract the border-width (times 2) from the height of the select. Fixes #17194 and nullifies #19967.
2016-10-09 18:04:30 -07:00
Mark Otto
9ac7e868df remove un-needed comment 2016-10-09 16:18:12 -07:00
Mark Otto
53ce4da835 add transparent border to match .form-control height 2016-10-09 16:17:48 -07:00
Mark Otto
55e130f88f Update static form control
- Remove margin-bottom override in favor of .mb-0 utility class
- Apply the input line-height styles to match
- Remove the min-height to match the input
2016-10-09 16:16:13 -07:00
Mark Otto
cab2d5951d Ensure input groups behavior appropriately in inline forms
Overrides the default width: 100% with an auto. Fixes #20752.
2016-10-09 16:00:30 -07:00
Mark Otto
59d0679250 Only override input border-radius as part of .form-control to avoid bug with iOS Safari (alt fix for #20247) (#20695) 2016-10-02 18:28:37 -07:00
Mark Otto
bb4af05d22 Fixes #20799: Apply same color change to disabled inline radios/checkboxes (#20826) 2016-10-02 18:15:55 -07:00
Mark Otto
425e3d407e Bring back some 'help text' love for forms with .form-text
- Includes new class
- New docs to support it
- Rearranged older docs
2016-05-10 08:24:38 -07:00
Mark Otto
73d9815343 Merge branch 'v4-forms-cleanup' of https://github.com/twbs/bootstrap into v4-forms-cleanup 2016-05-09 19:25:42 -07:00
Mark Otto
35c11b69df Update checkboxes and radios docs
- Add lighter gray text to disabled state for .form-check
- Separate radios and checkboxes example
- Clarify docs
2016-05-09 11:00:36 -07:00
Mark Otto
f5d889c385 update classes for inline form to new checkbox options 2016-05-08 23:14:48 -07:00
Mark Otto
546149f004 Fixes #19771: Enable .form-control-sm/lg on select.form-control 2016-05-08 17:31:02 -07:00
Mark Otto
d8c898b172 linting 2016-05-08 17:11:17 -07:00
Mark Otto
dde85e9888 Redo checkboxes and radios
- Move disabled radio and checkbox styles to Reboot
- Collapse .radio and .checkbox into single class, .form-check
- Collapse .radio-inline and .checkbox-inline into single class, .form-check-inline
- Require classes for sub-elements in both new classes
2016-05-08 16:05:27 -07:00
Mark Otto
8b8f5d0ca6 nuke commented out css 2016-04-23 15:03:18 -07:00
Mark Otto
6764171404 Avoid hacking around the temporal input bug in iOS
- Rather than use CSS hacks, let's avoid needing to hack anything
- Creates a new Reboot entry to simply reset the appear of the temporal inputs, thereby avoiding the problem entirely
- Less than ideal for conveying affordance on iOS, but given bugginess of the input itself, seems a decent tradeoff
2016-04-23 14:56:36 -07:00
Mark Otto
9f2ab98026 Merge branch 'v4-dev' into v4-forms-cleanup 2016-04-23 14:24:08 -07:00
Patrick H. Lauke
d239fbb5f2 Suppress IE/Edge additional white/blue colors for focused <select> 2016-04-12 08:06:10 +01:00
Mark Otto
0a4d3155ab Fixes #18573: Change name of .form-control-label to .col-form-label (and .form-control-legend to .col-form-legend) to reiterate use for only grid layouts 2016-04-08 21:05:23 -05:00
Mark Otto
91627de4de fix up broke forms styles and docs example for the grid 2016-04-08 20:58:36 -05:00
Mark Otto
80144d74d7 Merge branch 'v4-dev' into v4-forms-cleanup 2016-04-08 20:55:19 -05:00
Patrick H. Lauke
727722da59 Add form-control-legend 2016-02-19 15:51:59 +00:00
Mark Otto
371fbdb0e8 .text-help is dead, long live .form-control-feedback
Uses a new more specific class, adds some basic spacing, and clarifies
that this class is only for validation feedback.

Clears up the help text class question in
https://github.com/twbs/bootstrap/pull/18704#issuecomment-168241731 and
addresses the vertical spacing in #18703.
2016-02-09 01:10:05 -08:00
Mark Otto
04f145b9d5 fix #18515: add .form-control-label-* classes to match large/small inputs 2016-02-09 00:35:14 -08:00
Mark Otto
51d3267ea9 don't set horizontal padding on .form-control-label /cc #18130 #17498 2016-02-09 00:34:41 -08:00
Mark Otto
c3e4cbdfb0 Move to a translucent input border with background-clip: padding-box for improved blending across different background-colors 2016-02-08 22:28:11 -08:00
Chris Rebert
8141835682 _forms.scss: Use division instead of fractional multiplication
[skip sauce]
[skip validator]
2016-02-08 03:34:24 -08:00
Chris Rebert
8ffcb5f055 _forms.scss: Remove extra trailing 0 in fractional number
[skip sauce]
[skip validator]
2016-02-08 03:31:54 -08:00
Mark Otto
e455b6b8d2 Merge branch 'v4-dev' into v4-form-sizing 2016-02-07 22:48:26 -08:00
Mark Otto
38c93371c1 updated button/form-control padding and line-height
- Moves from no set line-height (inherited of 1.5) to declared 1.25 for
all inputs and buttons (regardless of size modifier).

- Updates padding to be `.5rem` instead of `.375rem` so that padding is
more likely to be whole numbers based on the root font-size.

- Whole numbers will be beneficial in avoiding odd fractional pixels
that can lead to misalignment as shown in #18607.

- Large buttons and inputs are now a tad wider, and smaller
buttons/inputs a tad shorter and narrower, too.
2016-02-07 22:46:50 -08:00
Mark Otto
ab451e5dc0 Remove commented out height on large/small inputs 2016-02-07 22:43:24 -08:00
Mark Otto
8fcdbd38f8 Remove specific line-heights from large/small inputs as well 2016-02-07 22:43:10 -08:00
Chris Rebert
da848536ce _forms.scss: Remove extra url()s in commented-out code
[skip sauce]
[skip validator]
2016-02-07 20:20:14 -08:00
vsn4ik
e7b0ccff63 Fix CSS3 :not() selector 2016-02-07 19:21:26 +03:00
Mark Otto
caa36b8dd7 Fixes #17194: Ensure proper height on default select.form-control instances 2016-02-06 18:20:27 -08:00
Mark Otto
697466badf tweak sizing 2016-02-06 18:05:34 -08:00
Mark Otto
dee1979683 move the url to the variable value 2016-02-06 18:05:24 -08:00
Mark Otto
03ec195974 linter overhaul 2016-02-06 12:28:18 -08:00
Mark Otto
ba37c37615 Redo line-height globally
- Rename -height to -height-base to match other vars
- Drop use of -height across the board and rely on it to be inherited
- Adjust padding of .dropdown-header to account for different line-height of h6 heading element (this needs refactoring for variables and rems also)
2016-02-03 19:45:13 -08:00
Chris Rebert
7e2e31e964 scss/_forms.scss: Remove now-unnecessary SCSS-Lint exemption
[skip sauce]
2016-01-23 03:06:21 -08:00
Chris Rebert
350ce2f707 Switch to actually-Safari-specific CSS hack when fixing vertical alignment of temporal input text in iOS Safari
See http://browserbu.gs/css-hacks/webkit-full-page-media/
Fixes #17308

[skip sauce]
[skip validator]
2016-01-10 18:22:10 -08:00
Chris Rebert
8adc9d771f Remove remaining reference to <input type="datetime"> in SCSS comment
Erratum of #18778

[skip sauce]
[skip validator]
2016-01-08 23:55:23 -08:00
Mark Otto
6a7577d3c6 remove instances of font-weight: normal since we no longer specify bold labels (as of v4) 2016-01-05 00:14:58 -08:00
Mark Otto
30aad997d0 tweak comment 2015-12-07 23:52:10 -08:00
Chris Rebert
9dacdce42c Use $input-btn-border-width for both .form-control and .btn borders; fixes #18424
Both widgets need to use the same border width because of input groups.
Thus:
$btn-border-width   => $input-btn-border-width
$input-border-width => $input-btn-border-width

[skip sauce]
2015-12-07 20:41:51 -08:00
Mark Otto
21b15d450d fixes #18087: .navbar-form is no more 2015-12-06 16:59:33 -08:00