Patrick Yeo
696b2bee11
( #22414 ) Rename for consistency $custom-checkbox-border-radius, $custom-checkbox-icon-checked, $custom-checkbox-indeterminate-bg, $custom-checkbox-icon-indeterminate, $custom-checkbox-indeterminate-box-shadow, $custom-radio-border-radius, $custom-radio-icon-checked to $custom-checkbox-indicator-border-radius, $custom-checkbox-indicator-icon-checked, $custom-checkbox-indicator-indeterminate-bg, $custom-checkbox-indicator-icon-indeterminate, $custom-checkbox-indicator-indeterminate-box-shadow, $custom-radio-indicator-border-radius, $custom-radio-indicator-icon-checked, respectively
2017-07-16 12:36:26 -07:00
Mark Otto
21b874d19d
Merge branch 'v4-dev' into form-tweaks
2017-06-13 20:15:42 -07:00
Patrick Yeo
d7867377d9
( Fixes #22414 ) Rename for consistency $custom-checkbox-radius, $custom-checkbox-checked-icon, $custom-checkbox-indeterminate-indicator-color, $custom-checkbox-indeterminate-icon, $custom-radio-radius, $custom-radio-checked-icon, $custom-select-sm-font-size, to $custom-checkbox-border-radius, $custom-checkbox-icon-checked, $custom-checkbox-indicator-indeterminate-color, $custom-checkbox-icon-indeterminate, $custom-radio-border-radius, $custom-radio-icon-checked, $custom-select-font-size-sm respectively
2017-06-13 19:22:49 -07:00
Patrick Yeo
2317b7fc96
( #22414 ) Rename for consistency $custom-control-disabled-indicator-bg, $custom-control-disabled-description-color, $custom-control-checked-indicator-color, $custom-control-checked-indicator-bg, $custom-control-checked-indicator-box-shadow, $custom-control-focus-indicator-box-shadow, $custom-control-active-indicator-color, $custom-control-active-indicator-bg, $custom-control-active-indicator-box-shadow to $custom-control-indicator-disabled-bg, $custom-control-description-disabled-color, $custom-control-indicator-checked-color, $custom-control-indicator-checked-bg, $custom-control-indicator-checked-box-shadow, $custom-control-indicator-focus-box-shadow, $custom-control-indicator-active-color, $custom-control-indicator-active-bg, $custom-control-indicator-active-box-shadow, respectively
2017-06-13 08:45:36 -07:00
Mark Otto
ca44f5b03a
Redo the small custom select vars
...
— Sizing shorthand comes last
— Add height var and put it to use
2017-04-22 11:56:27 -07:00
Mark Otto
dc3af6711d
Change how input and select height is computed
...
— Previously we weren't including the border-width on the computed height, leading to alignment issues.
— New system utilizes three variables (not ideal, but straightforward) for computing these heights. One for the vertical border, one for the line-height/font-size/padding dance, and one to add those together.
— Updates CSS across forms and custom forms to use new sizing. Special note here: form validation icon sizing uses the inner variables because background-image doesn't bleed into borders unless explicit background-clip.
2017-04-22 11:56:01 -07:00
Mark Otto
5463d8436b
Merge branch 'v4-dev' into form-tweaks
2017-04-21 23:36:24 -07:00
Patrick H. Lauke
7056f70240
Remove cursor: not-allowed styles
2017-04-10 22:10:20 +01:00
Mark Otto
0cb2576bf2
fixes #21922 : set border-radius to 0 when global radius is disabled
2017-04-08 21:58:26 -07:00
Theriault
6f42daf747
Add :empty to .custom-file-control selector ( #22176 )
...
<label class="custom-file"><input type="file" class="custom-file-input" /><span class="custom-file-control"></span></label>
VS
<label class="custom-file"><input type="file" class="custom-file-input" /><span class="custom-file-control">test.txt</span></label>
2017-03-18 13:23:10 -07:00
naicko
890c6041f3
Update scss mixins to comply with scss-linting rules ( #22151 )
...
* Fixed some linting issues
* Run npm tasks after scss cleanup
* Revert "Run npm tasks after scss cleanup"
This reverts commit 1103a0da68d1846ad592eb4a105046a939557830.
* Property sort order for grid
* Let's respest the property order in the mixins
* Respect property sort order in reboot file
* ::-ms-expand is a vendor-prefix, add it to the scss-lint disable
* Revert hover mixin comment
* Fixed missing mixin hover-focus
2017-03-18 13:06:05 -07:00
Rutger Laurman
0a997795b4
Fix border width calculation for custom-select ( #22068 )
...
In addition to #22011 and #21994
2017-03-03 11:19:02 -08:00
Bardi Harborow
9bacc6715a
Remove vendor prefixes from appearance: none.
2017-02-21 17:38:11 +11:00
Mark Otto
02e0fdbd52
Remove cursor: pointer; ( #21812 )
...
* Remove most of custom cursor: pointer; implementations
* turns out that's not so much of a thing
2017-01-23 22:15:28 -08:00
Christian Oliff
d7af46359b
Remove filter: alpha(opacity = 0);
...
Not needed (and all other old IE filter attributes have been removed from the CSS. This was the only one remaining
2017-01-15 17:52:34 -08:00
Phillip Marshall
1b194c0660
Custom Forms: Allow Chrome/Firefox feature that lets the user drag and drop into file inputs ( #20033 )
...
* Restored functionality of dragging files into .custom-file inputs.
* Replaced padding with height on .custom-file-input
2017-01-03 19:44:44 -08:00
Mark Otto
30fd1590d3
use flex and direction to do the stacked controls instead of float hacks
...
This also fixes #21280 . Previously, we were using float and clear on the individual controls, but that meant a computer height of `0` for the parent `.custom-controls-stacked`. No more problem after using flexbox though.
2016-12-25 15:48:44 -08:00
Mark Otto
82061b25c4
move custom checks/radios to inline-flex
2016-12-25 15:48:44 -08:00
Mark Otto
66c87cb7ca
Undo #21171 (which closed #20977 )
...
Turns out we did have the correct height calculation with our custom selects. The problem was we lacked a shared line-height with our buttons and inputs.
This restores the previous `calc` math and adds a line-height that reuses the input line-height.
2016-12-24 14:21:04 -08:00
Bardi Harborow
855a67b1d6
Remove IE9 browser hacks. ( #21393 )
2016-12-22 13:41:31 -08:00
Mark Otto
d8bdb819a7
linting property order
2016-12-10 16:58:52 -08:00
Mark Otto
65aed32d95
put the custom control spacer var to use
2016-12-10 16:58:52 -08:00
Mark Otto
306f75216d
Move margin from adjacent selector to right on the .custom-control for better responsive rendering ( #21295 )
2016-12-04 20:42:12 -08:00
Mark Otto
d50fc038c5
Update comment for use of IE9 hack to fix #18082
2016-11-26 17:31:10 -08:00
Mark Otto
20178076ee
Merge pull request #19915 from zalog/patch-9
...
Zero out the default margin-bottom on label.custom-file
2016-10-27 22:20:26 -07:00
Mark Otto
f655343ac9
Merge pull request #21033 from twbs/label-less-custom-controls
...
Add a min-height: 1.5rem; to custom controls
2016-10-27 21:23:04 -07:00
Mark Otto
2dcc50f017
Calculcate the top offset for custom control indicators
...
Fixes #21023 .
Uses some math functions to determine what the offset should be. This is helpful for those who customize the size of their indicators and still want them vertically centered.
2016-10-27 14:41:12 -07:00
Mark Otto
1421ca5b87
Add a min-height: 1.5rem; to custom controls
...
Fixes #20730 .
This change computes the minimum needed height of what a single line of text would be for the custom checkboxes/radios. This is required because our custom control indicators are positioned absolutely, meaning they cannot be clearfixed or anything like that. Using a computed value means it should scale nicely in case of customization
2016-10-27 14:32:56 -07:00
Mark Otto
300cedfe8c
Set height on custom select
...
Matches the changes from #20874 to the regular select element. This is really only necessary for IE and Edge near as I can tell. Fixes #20810 .
2016-10-09 19:49:52 -07:00
Bardi Harborow
2e69dfa8c1
Fix broken/redirected links, moving to HTTPS where possible. ( #20557 )
2016-10-03 09:55:59 -07:00
Mark Otto
82e7abcdf3
v4: Custom checkbox and radio alignment ( #20671 )
...
* Allow text of custom form labels to wrap like the default ones
* Switch from using after to force line breaks to float/clear combo in stacked custom forms
2016-09-08 21:26:19 -07:00
Catalin Zalog
990e2c5d2b
Update _custom-forms.scss
2016-05-16 17:00:45 +03:00
Mark Otto
399fdb8ebe
Merge pull request #19735 from MatthewRayfield/v4-custom-select-disabled-styling
...
Add disabled styling for .custom-select
2016-05-08 14:20:54 -07:00
Matthew Rayfield
b21750cbb7
Add disabled styling for .custom-select
2016-04-14 13:37:14 -04: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
63a269d78b
Fixes #19142 (follow-up to #18771 ): Restore cursor: pointer to custom radio/checkbox components
2016-02-16 20:34:31 -08:00
Chris Rebert
a1bf344c4f
Merge pull request #18925 from twbs/fixes-18922
...
Make translation of custom file input text easier
2016-02-09 01:38:14 -08:00
Mark Otto
dee1979683
move the url to the variable value
2016-02-06 18:05:24 -08:00
Mark Otto
198e34a096
Merge branch 'patch-1' of https://github.com/thekondrashov/bootstrap into thekondrashov-patch-1
2016-02-06 17:00:57 -08:00
Patrick H. Lauke
200860334d
Add pointer-events:none to custom indicator
...
Closes #18887
2016-01-19 01:34:47 +00:00
Chris Rebert
8b67d4c762
Make translation of custom file input text easier; fixes #18922
...
[skip sauce]
2016-01-17 20:53:11 -08:00
Mark Otto
c0a8a70d59
Missing ;
2016-01-17 15:32:01 -08:00
Mark Otto
5c12d5e469
add custom file vars, fix up custom select var
2016-01-17 15:21:16 -08:00
Mark Otto
6b318ef176
Hella vars for custom checkboxes and radios and selects
2016-01-16 22:29:51 -08:00
Mark Otto
4625547aea
disable it for the whole file
2016-01-06 00:00:08 -08:00
Mark Otto
069277e86f
really disable the offending one
2016-01-05 23:58:34 -08:00
Mark Otto
00e2b29041
try disabling that
2016-01-05 23:56:08 -08:00
Mark Otto
d8d67eaa6a
rewrite custom file input component to use classes over nested elements
2016-01-05 23:45:44 -08:00
Mark Otto
ac446058ff
ensure custom selects get rounded corners
2016-01-05 23:45:20 -08:00
Mark Otto
8d66b9956c
Change .c-select to .custom-select
2016-01-05 23:34:51 -08:00
