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
Chris Rebert
85c9cc806b
.form-control: Use $input-border-width instead of $border-width
...
[skip sauce]
2015-11-15 01:18:40 -08:00
Chris Rebert
2d02910e01
$input-border => $input-border-color
2015-11-14 22:40:43 -08:00
Mark Otto
925f0ca018
fix error to danger
2015-11-14 19:45:48 -08:00
Mark Otto
9f66e7309c
fix broke shit, ugh my bad
2015-11-12 23:15:31 -08:00