diff options
author | Gaƫl Poupard <ffoodd@users.noreply.github.com> | 2021-07-14 09:19:28 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-07-14 09:19:28 +0300 |
commit | 054f8781a86b16c3793eaf424093a5d4cfb37114 (patch) | |
tree | 8de1d62e7a07ede6e4a9e9c1b43865a18f230a8e /scss | |
parent | e45b25e08ed13ae063a9d2f2382f6459bc564cff (diff) |
fix(forms): prevent color control from shrinking (#34445)
* 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>
Diffstat (limited to 'scss')
-rw-r--r-- | scss/_variables.scss | 2 | ||||
-rw-r--r-- | scss/forms/_form-control.scss | 2 |
2 files changed, 3 insertions, 1 deletions
diff --git a/scss/_variables.scss b/scss/_variables.scss index 4486b57124..3a77eec4c9 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -847,6 +847,8 @@ $input-height-sm: add($input-line-height * 1em, add($input $input-height-lg: add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default; $input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default; + +$form-color-width: 3rem !default; // scss-docs-end form-input-variables // scss-docs-start form-check-variables diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss index 9728b91f34..96423c530c 100644 --- a/scss/forms/_form-control.scss +++ b/scss/forms/_form-control.scss @@ -199,7 +199,7 @@ textarea { // stylelint-enable selector-no-qualifying-type .form-control-color { - max-width: 3rem; + width: $form-color-width; height: auto; // Override fixed browser height padding: $input-padding-y; |