aboutsummaryrefslogtreecommitdiff
path: root/scss/forms
AgeCommit message (Collapse)AuthorFilesLines
2021-09-07Add `border-radius` sizes to small and large `.form-select`s (#34853)Dominik Crha1-0/+2
Fixes #34852 Co-authored-by: Dominik Crha <[email protected]> Co-authored-by: XhmikosR <[email protected]> Co-authored-by: Mark Otto <[email protected]>
2021-07-14fix(forms): prevent color control from shrinking (#34445)Gaël Poupard1-1/+1
* fix(forms): prevent color control from shrinking Fixes #34195 Setting `min-width` alongside `max-width` wouldn't make any sense IMHO. The only concern I have is whether we should introduce a dedicated variable for said width? * feat(forms): introduce ` $form-color-width` * feat(forms): use ` $form-color-width` Co-authored-by: XhmikosR <[email protected]>
2021-06-14Replace `/` division with multiplication and custom `divide()` function (#34245)Mark Otto2-2/+2
* Convert bulk of division to multiplication * Use custom divide() function instead of Dart Sass math module for greater compatibility * Apply suggestions from code review * Fix functions
2021-06-03fix(forms): unitless `line-height` for floating labels (#34161)Gaël Poupard1-0/+1
Co-authored-by: Mark Otto <[email protected]> Co-authored-by: XhmikosR <[email protected]>
2021-05-28Add missing transition to `.form-select` (#34034)Simon Ihmig1-0/+1
A selectbox is styled in a very similar way as an input (`.form-control`), including border-color and box-shadow. So it can be assumed it should apply the same CSS transition for these properties when focused, but this was missing. Co-authored-by: alpadev <[email protected]>
2021-05-25Fix x-paddings for select (with floating label, and in Firefox) (#34008)Gaël Poupard2-1/+4
2021-05-13Revert "use `:read-only` css selector instead `[readonly]` for consistency ↵Mark Otto1-5/+5
(#33642)" (#33961) This reverts commit 17252bb3b0c751ad2be1c1c1226ebcf43e7967f3. Co-authored-by: XhmikosR <[email protected]>
2021-04-17use `:read-only` css selector instead `[readonly]` for consistency (#33642)harishhalodoc1-5/+5
There are 5 places where [readonly] selector is used. I have replaced with :read-only for consistency. fix for https://github.com/twbs/bootstrap/issues/33101 Co-authored-by: Harish <[email protected]>
2021-03-08Update devDependencies (#33307)XhmikosR1-4/+0
* @popperjs/core ^2.9.0 → ^2.9.1 * autoprefixer ^10.2.4 → ^10.2.5 * clean-css-cli ^5.2.0 → ^5.2.1 * postcss ^8.2.6 → ^8.2.7 * stylelint ^13.11.0 → ^13.12.0
2021-01-14Drop transition on .form-check, keep on .form-switchMark Otto1-0/+1
To avoid breaking changes, turns -check-transition to null, then adds a new -switch-transition variable
2021-01-10Consistently use outline:0 rather than outline:none (#32751)Patrick H. Lauke1-1/+1
just for code consistency, no actual effect on styling per se
2020-12-28Tweak .form-select padding (#32419)Mark Otto1-1/+1
* Tweak .form-select padding * Simplify the padding entirely Co-authored-by: XhmikosR <[email protected]>
2020-12-17Extended form validation states customization capabilities (#31757)Dmytro Yaremenko1-1/+1
Co-authored-by: XhmikosR <[email protected]>
2020-12-07Remove vertical-align from .form-select (#32318)Mark Otto1-1/+0
Aligns the component with the .form-control. Closes #32271. Co-authored-by: XhmikosR <[email protected]>
2020-12-04feat(RTL): implement RTLGaël Poupard2-8/+8
Using RTLCSS directives, renaming things to use logical names and following best practices.
2020-11-06stylelint: pass the ` --rd` flag (#32063)XhmikosR1-2/+0
* stylelint: pass the ` --rd` flag Should report any needless disables * Update _button-group.scss * Update _floating-labels.scss
2020-11-06Remove firefox workaround for ::file-selector-button margin. (#32064)Emilio Cobos Álvarez1-3/+0
As per https://bugzilla.mozilla.org/show_bug.cgi?id=1673895, this workaround shouldn't be necessary in FF83+. Co-authored-by: XhmikosR <[email protected]>
2020-11-05Drop Legacy Edge support.XhmikosR3-77/+0
This allows us to move forward without being held back. Microsoft already replaces the Legacy Edge with the new one on supported Windows versions.
2020-10-30Fix color heights (#32023)Martijn Cuppens1-6/+9
2020-10-30Add `cursor:pointer` to color inputs (#32020)Patrick H. Lauke1-1/+5
* Add `cursor:pointer` for color inputs * Add to migration guide
2020-10-29Remove explicit heights on form elements (#31993)Martijn Cuppens3-21/+26
* Remove explicit heights * Link to upstream bug Co-authored-by: XhmikosR <[email protected]>
2020-10-28Use the same font on the button as on the field itselfMartijn Cuppens1-2/+0
2020-10-28Fix Firefox padding issueMartijn Cuppens1-0/+3
Caused by https://searchfox.org/mozilla-central/rev/0b7007a23bc16c857f894140e12f307bfeef2fdd/layout/style/res/forms.css#494
2020-10-28Drop custom file upload plugin in favor of CSSMartijn Cuppens3-110/+79
2020-10-27v5: Floating labels (#30449)Mark Otto2-1/+86
* v5: Promote floating labels example to component - Adds new .form-floating - Stubs out basics of a docs page - Removes existing Example * Update floating labels to support .form-select, make inputs and selects more consistent - To do this, I made the .form-control and .form-select consistent in min-height vs height - Removed some unused variables now - Updated -color to be the -color because I don't know why this was any different before - Update page to include some examples for layout, validation, and value - Rewrite styles to not modify padding, but instead transform and opacity * Streamline and bulletproof some things - Apply some optimizations from code review - Removed unecessary properties from the label - Add some comments for what properties are required - Move from fixed height for labels to height 100% so we can support textareas - Improve docs a little bit, add ToC * Move some values to variables, switch from scaling font-size to scale, update transforms * Bring over changes from #30966 and add to them to tighten things up * Delete the now unused example images * Fix typo * Allowlist the calc function * Add transform-origin, update transform values * Test out autofill fix * Fix linter issue * Mention it in the migration guide * Bump bundlesize * Add one more variable per review * Shave .25rem off the height Co-authored-by: XhmikosR <[email protected]>
2020-10-26Fix border radius for inputs groups with validationMartijn Cuppens1-0/+7
2020-10-26Fix border radii on validation messagesMartijn Cuppens1-1/+6
2020-10-26Require `.has-validation` class to fix border radii on form elementsMartijn Cuppens1-3/+5
2020-09-30Add Sass variable for CSS variable prefix (#31684)Mark Otto2-9/+9
* Add Sass variable for CSS variable prefix * Update other --bs-* var instances
2020-09-29Fix disabled checkbox toggle buttons (#31651)Nikita Mikhaylov1-2/+11
* fix disabled checkbox toggle buttons * add disabled checks-radios examples in documentation Co-authored-by: XhmikosR <[email protected]>
2020-09-28Update stylelint to v13.7.2 (#31726)XhmikosR1-1/+1
2020-09-23Input group addon sass customization options (#31729)Martijn Cuppens1-2/+2
2020-06-15Switch to btn-checkMartijn Cuppens1-1/+1
2020-06-15Remove checkbox/radio toggle from button plugin in favor of a CSS only solutionMartijn Cuppens1-0/+6
2020-05-19Fix gradient on switch checkbox (#30868)Martijn Cuppens1-1/+1
2020-05-15Improve gradientsMartijn Cuppens1-3/+3
- Use a semitransparent gradient from light to dark which works on any background-color - Store the gradient as a custom property (--bs-gradient) - Remove `.bg-gradient-*` variants in favour of `.bg-gradient` which works even when `$enable-gradients` are enabled - Add gradients to navbar, active page links and badges when gradients are enabled
2020-05-05Fix form file height (#30699)Gaël Poupard1-5/+5
2020-04-29[type=radio] should always be rounded (#30686)Gaël Poupard1-1/+2
2020-04-20Add `$form-text-font-weight` (#30617)Catalin Zalog1-0/+1
2020-04-16feat: removes `.form-text` display (#30598)Catalin Zalog1-1/+0
Co-authored-by: Martijn Cuppens <[email protected]>
2020-04-14Simplify checkbox & radio input (#30557)Martijn Cuppens1-14/+5
- Define background properties in `.form-check-input` - Use `background-size: contain` to simplify background sizes (especially for those with linear gradients) - Remove double `color-adjust` - Adjust svgs to 20x20 box. This way the strokes aren't rescaled.
2020-04-14Restore `.form-text` (#30565)Catalin Zalog1-0/+11
2020-04-11Use `box-shadow` mixin for `.form-select` (#30555)Catalin Zalog1-1/+2
2020-04-09Add checkbox transition (#30528)Martijn Cuppens1-3/+1
2020-04-06Create `scss-docs` shortcode to get some snippets from the Scs… (#30502)Martijn Cuppens1-0/+2
Co-authored-by: XhmikosR <[email protected]>
2020-04-01Use `box-shadow` mixin for form controls (#30480)Catalin Zalog1-2/+2
2020-04-01Fix date inputs heights in safariMartijn Cuppens1-0/+1
2020-03-31Require `.form-label` classes on form labels (#30476)Martijn Cuppens3-3/+12
2020-03-23File chooser size (#30040)Zedicius1-2/+22
Co-authored-by: David Van Doninck <[email protected]> Co-authored-by: XhmikosR <[email protected]> Co-authored-by: Martijn Cuppens <[email protected]>
2020-03-23Make form-check label customizable (#30426)Catalin Zalog1-0/+1
Co-authored-by: Martijn Cuppens <[email protected]>
generated by cgit v1.2.3 (git 2.25.1) at 2026-06-06 17:34:38 +0000