aboutsummaryrefslogtreecommitdiff
path: root/scss/forms
AgeCommit message (Collapse)AuthorFilesLines
2024-06-12Floating labels: Fix `max-width` and `background-color` (#39720)Louis-Maxime Piton1-14/+16
* Fix `max-width` * Fix label background color * Add new visual test: floating label * Fix `npm run docs` --------- Co-authored-by: Julien Déramond <[email protected]>
2024-03-19Change floating label placeholder's color (#39494)Tommaso Allegretti1-2/+1
Co-authored-by: Louis-Maxime Piton <[email protected]> Co-authored-by: Julien Déramond <[email protected]>
2023-09-14Fix border-radius of some switch variants when rounded is disabled (#38884)jonnysp1-1/+1
Co-authored-by: Julien Déramond <[email protected]>
2023-09-13Add defensive CSS to handle form check input in fleboxes (#38955)Mahmut YILDIRIM1-0/+1
Co-authored-by: louismaxime.piton <[email protected]>
2023-07-23fixlouismaximepiton1-1/+2
2023-06-30Fix Sass properties order for newer stylelint-config-recess-order (#38851)XhmikosR4-6/+6
2023-04-20Update _floating-labels.scss (#38366)jonnysp1-0/+1
Co-authored-by: Julien Déramond <[email protected]>
2023-03-29Another pass at fixing floating labels disabled colors (#38313)Mark Otto1-15/+18
* Another pass at fixing floating labels disabled colors * Fix height for textareas * Fix disabled background * Move from full width to an inline-block-ish approach --------- Co-authored-by: XhmikosR <[email protected]>
2023-03-27Add a check for interpolation variables to node-sass workflow (#38283)Julien Déramond1-1/+1
Co-authored-by: XhmikosR <[email protected]>
2023-02-15Fix color picker borders on chromium based browsersMewenLeHo1-0/+1
2023-02-15Remove -moz-padding-start from .form-selectMark Otto1-1/+0
2023-01-25Rewrite selector to help Parcel compilerMark Otto1-1/+1
2023-01-17Fix Android Chrome input date dimensions (#36143)Tanguy Krotoff1-3/+15
* Bind Hugo to 0.0.0.0, helps debug on mobile when on the same network * Use http-server for visual tests * Add input visual tests * Fix input date dimensions on Android Chrome * Increase bootstrap.css max size * Revert "Bind Hugo to 0.0.0.0" & "Use http-server for visual tests" * Switch to pixels: this is an empirical minimum safe value * Update .bundlewatch.config.json Co-authored-by: Mark Otto <[email protected]>
2022-12-10Fix `--bs-form-check-bg` definitionJulien Déramond1-1/+1
2022-11-28Add dark mode support (#35857)Mark Otto2-12/+35
* Add dark mode to docs * Minor fix: missing space indentation * Minor fix: revert utilities/z-index added-in modification * Remove prev: and next: from doc because extracted to another PR * Use .bg-body-tertiary in all Utilities > Overflow examples * fix example * Fix up spacing examples * Update box-shadow Sass variables and utilities to auto-adjust to color modes * Remove unused docs class * Refactor form styles to use CSS variable for background images on .form-check and .form-switch * Fix docs selector * Rename shortcut for clarity * Heading consistency * Reintroduce missing 4th grid item in Utilities > Spacing example * Fix bundlewatch * .bd-callout* rendering is OK so removing comments in the code * Update scss/_utilities.scss Co-authored-by: Julien Déramond <[email protected]> * Fix gutters example styling * Fix text colors on background utils docs * redesign and fix up position marker example, which doesn't show nicely in darkmode but at least isn't broken * fix some color utils examples * Deprecate mixin notice * Deprecate notice for list-group-item-variant() mixin * Revamp new link CSS vars * Use map-keys in some each Sass files * Remove list-group-item-variant mixin ref in sass loop desc * Display CSS vars scoped to our built-in dark mode * Revert previous commit * Fix list group variant link * Fix typo * Remove imports of alert/list-group mixins in scss/_mixins.scss * Small formatting + comments removal in scss/_content.scss * Fix alert links colors * fix dropdown border-radius mixin * fix link color and underline again, this time using CSS var override for color var and fallback value for the underline * fix colors on docs navbar for dark mode * remove two changes * missing ref * another link underline fix, just use sass vars for link decoration for now * missing color bg docs, plus move dropdown override to scss * more changes from review * fix some examples, drop unused docs navbar styles, update docs navbar color mode to use mixin * Few fixes around type - Restored CSS variable for color on headings, this time with a fallback value - In conjunction, restored and wrapped the default CSS var with a null value check - Split headings and paragraphs docs in Reboot, elaborated on them * Restyle custom details > summary element in docs * Rewrite some migration docs * fix form checks * Fix up some navbar styling, tweak docs callout * Fix select images, mostly for validation styling * Clean up some migration notes, document some new form control CSS vars, mention new variables-dark in sass docs * Update site/content/docs/5.2/components/scrollspy.md Co-authored-by: Julien Déramond <[email protected]> * Apply suggestions from code review Co-authored-by: Julien Déramond <[email protected]> * mention form control css vars in migration guide * Tweak grid and flex docs background examples * clarify some docs * fix some more things Co-authored-by: Julien Déramond <[email protected]> Co-authored-by: Julien Déramond <[email protected]>
2022-11-14Fix disabled floating labels colorJulien Déramond1-0/+4
2022-10-30Prevent extraneous whitespace around date time inputs in Webkit (#37350)Stephen Reay1-0/+7
* Prevent extraneous whitespace around date time inputs in Webkit Closes twbs/bootstrap#34433 * Updated bundlewatch config
2022-10-29Fix disabled floating labels and add some examples of it in the docs (#37299)Julien Déramond1-1/+1
* Fix disabled floating labels and add some examples of it in the docs * Add disabled custom height textarea
2022-10-23fixjonnysp1-1/+1
2022-10-06Add an artificial background to floating labels (#37125)Louis-Maxime Piton1-0/+11
2022-08-31Fix input group z-index focus + validationFlorian Lacreuse1-2/+2
2022-08-01Fixlouismaximepiton1-2/+5
2022-08-01Fix floating labelslouismaximepiton1-0/+1
2022-07-17Support input groups in floating forms (#36759)Mark Otto1-7/+15
* Support input groups in floating forms * Update bundlewatch Co-authored-by: 719media <[email protected]>
2022-06-14Don't style `readonly` inputs as `disabled` (#36499)Mark Otto1-3/+6
* Don't style readonly inputs as disabled Also remove the Chrome-specific focus styling from readonly plaintext * Update some docs comments
2022-05-21Truncate text to prevent multiline floating labelHDPham1-0/+4
2022-05-20Update form-control-color sizing and styles (#36156)Mark Otto1-3/+5
2022-05-06Fix color-adjust with autoprefixer 10.4.6 (#36258)amirhossein-karimi1-1/+1
Co-authored-by: Mark Otto <[email protected]>
2022-04-28Add input-disabled-color Sass variableMark Otto1-0/+1
2022-03-13Add additional root variables, rename `$variable-prefix` to `$prefix` (#35981)Mark Otto1-4/+4
* Add additional root variables, rename $variable-prefix to $prefix - Adds new root CSS variables for border-radius, border-width, border-color, and border-style - Adds new root CSS variables for heading-color, link-colors, code color, and highlight color - Replaces most instances of Sass variables (for border-radius, border-color, border-style, and border-width) for CSS variables inside _variables.scss - Updates $mark-padding to be an even pixel number - Renames $variable-prefix to $prefix throughout * Bundlewatch
2022-02-08Support floating labels on `.form-control-plaintext` (#32840)Sebastian Podjasek1-3/+10
* Support floating labels on `.form-control-plaintext` * Update floating-labels.md * Apply suggestions from code review Co-authored-by: XhmikosR <[email protected]> Co-authored-by: Mark Otto <[email protected]>
2022-02-08Add `.form-check-reverse` modifier class (#33606)Mark Otto1-0/+22
* Add .form-check-reverse modifier class * Update checks-radios.md Co-authored-by: XhmikosR <[email protected]>
2022-02-07Set `cursor: default` on disabled `.form-check-label` (#35082)The Fake Cake1-0/+1
Fixes #35056
2021-12-14Update stylelint and stylelint-config-twbs-bootstrap (#35438)XhmikosR1-1/+0
2021-10-29Drop prefixed version of `::file-selector-button` (#35232)Gaël Poupard1-31/+0
Co-authored-by: XhmikosR <[email protected]>
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.
generated by cgit v1.2.3 (git 2.25.1) at 2026-06-06 06:15:10 +0000