Age | Commit message (Collapse) | Author |
|
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
|
|
Fixes #34852
Co-authored-by: Dominik Crha <crha@havit.cz>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>
|
|
* 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 <xhmikosr@gmail.com>
|
|
* 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
|
|
Co-authored-by: Mark Otto <markd.otto@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
|
|
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 <2838324+alpadev@users.noreply.github.com>
|
|
|
|
(#33642)" (#33961)
This reverts commit 17252bb3b0c751ad2be1c1c1226ebcf43e7967f3.
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
|
|
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 <halodoc@ip-192-168-43-211.ap-southeast-1.compute.internal>
|
|
* @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
|
|
To avoid breaking changes, turns -check-transition to null, then adds a new -switch-transition variable
|
|
just for code consistency, no actual effect on styling per se
|
|
* Tweak .form-select padding
* Simplify the padding entirely
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
|
|
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
|
|
Aligns the component with the .form-control. Closes #32271.
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
|
|
Using RTLCSS directives, renaming things to use logical names and following best practices.
|
|
* stylelint: pass the ` --rd` flag
Should report any needless disables
* Update _button-group.scss
* Update _floating-labels.scss
|
|
As per https://bugzilla.mozilla.org/show_bug.cgi?id=1673895,
this workaround shouldn't be necessary in FF83+.
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
|
|
This allows us to move forward without being held back. Microsoft already replaces the Legacy Edge with the new one on supported Windows versions.
|
|
|
|
* Add `cursor:pointer` for color inputs
* Add to migration guide
|
|
* Remove explicit heights
* Link to upstream bug
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
|
|
|
|
Caused by https://searchfox.org/mozilla-central/rev/0b7007a23bc16c857f894140e12f307bfeef2fdd/layout/style/res/forms.css#494
|
|
|
|
* 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 <xhmikosr@gmail.com>
|
|
|
|
|
|
|
|
* Add Sass variable for CSS variable prefix
* Update other --bs-* var instances
|
|
* fix disabled checkbox toggle buttons
* add disabled checks-radios examples in documentation
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
|
|
|
|
|
|
|
|
|
|
|
|
- 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
|
|
|
|
|
|
|
|
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
|
|
- 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.
|
|
|
|
|
|
|
|
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
|
|
|
|
|
|
|
|
Co-authored-by: David Van Doninck <david.vandoninck@intracto.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
|