Commit Graph

18 Commits

Author SHA1 Message Date
Patrick (Casus Belli) cacbdc680e
Fix left alignment of floating labels with `.form-select` size variants (#41013)
Co-authored-by: Patrick Kroog <pk@kroog.com>
Co-authored-by: Christian Oliff <christianoliff@pm.me>
Co-authored-by: Julien Déramond <juderamond@gmail.com>
Co-authored-by: Louis-Maxime Piton <louismaxime.piton@orange.com>
2024-11-14 11:12:33 +01:00
Louis-Maxime Piton b522441901
Floating labels: Fix `max-width` and `background-color` (#39720)
* Fix `max-width`

* Fix label background color

* Add new visual test: floating label

* Fix `npm run docs`

---------

Co-authored-by: Julien Déramond <juderamond@gmail.com>
2024-06-12 18:39:23 -07:00
Tommaso Allegretti e340674d06
Change floating label placeholder's color (#39494)
Co-authored-by: Louis-Maxime Piton <louismaxime.piton@orange.com>
Co-authored-by: Julien Déramond <juderamond@gmail.com>
2024-03-19 06:47:42 +01:00
louismaximepiton cc5a8a9036 fix 2023-07-23 21:41:43 -07:00
jonnysp 10afeb51b7
Update _floating-labels.scss (#38366)
Co-authored-by: Julien Déramond <juderamond@gmail.com>
2023-04-20 19:49:26 -07:00
Mark Otto 3aabfc70c3
Another pass at fixing floating labels disabled colors (#38313)
* 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 <xhmikosr@gmail.com>
2023-03-29 13:46:09 -04:00
Mark Otto 03983e5b99 Rewrite selector to help Parcel compiler 2023-01-25 18:07:18 -08:00
Julien Déramond 85765210cd Fix disabled floating labels color 2022-11-14 09:32:35 -08:00
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