Commit Graph

10 Commits

Author SHA1 Message Date
Julien Déramond 06bed9b45a
Fix disabled floating labels and add some examples of it in the docs (#37299)
* Fix disabled floating labels and add some examples of it in the docs

* Add disabled custom height textarea
2022-10-29 20:30:59 -04:00
Louis-Maxime Piton bf6240dad9
Add an artificial background to floating labels (#37125) 2022-10-06 08:12:00 +02:00
louismaximepiton c22dd50e1b Fix floating labels 2022-08-01 08:59:22 -07:00
HDPham 7ed1a5f821 Truncate text to prevent multiline floating label 2022-05-21 10:47:34 -07:00
Sebastian Podjasek 0853778eba
Support floating labels on `.form-control-plaintext` (#32840)
* Support floating labels on `.form-control-plaintext`

* Update floating-labels.md

* Apply suggestions from code review

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <otto@github.com>
2022-02-08 12:38:29 -08:00
Gaël Poupard dbda13d5ef
fix(forms): unitless `line-height` for floating labels (#34161)
Co-authored-by: Mark Otto <markd.otto@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-06-03 19:02:46 +03:00
Gaël Poupard bdde9b50a6
Fix x-paddings for select (with floating label, and in Firefox) (#34008) 2021-05-25 08:31:30 +03:00
XhmikosR 82f2416132
stylelint: pass the ` --rd` flag (#32063)
* stylelint: pass the ` --rd` flag

Should report any needless disables

* Update _button-group.scss

* Update _floating-labels.scss
2020-11-06 12:00:03 +02:00
XhmikosR e8f1709adf Drop Legacy Edge support.
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-11-05 15:37:34 +02:00
Mark Otto 3e2f9ab237
v5: Floating labels (#30449)
* 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>
2020-10-27 20:45:48 -07:00