Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Form] Inline Fields > .ui.icon.input has wrong width #2621

Closed
malacalypse opened this issue Jul 13, 2015 · 3 comments
Closed

[Form] Inline Fields > .ui.icon.input has wrong width #2621

malacalypse opened this issue Jul 13, 2015 · 3 comments
Milestone

Comments

@malacalypse
Copy link
Contributor

http://jsfiddle.net/p3Ln4fhm/1/

Inputs such as .ui.icon.input within .inline.fields have the wrong width - looks like they are explicitly set to 0 instead of letting flex handle the width.

@jlukic
Copy link
Member

jlukic commented Jul 13, 2015

Related #2057

@gsmith-daed
Copy link

It's coming from form.less:123

.ui.form .ui.input > input {
  width: 0 !important
}

Adding this to input.overrides "fixes" it for icon inputs. Not sure what else is broken:

.ui.form .inline .ui.icon.input > input {
  width: inherit !important;
}

Have to get very specific to override that !important property

@jlukic jlukic added this to the 2.1 milestone Aug 11, 2015
@jlukic
Copy link
Member

jlukic commented Aug 11, 2015

I have no idea why this bug got lost. This is still an issue

@jlukic jlukic changed the title Inline Fields > .ui.icon.input has wrong width [Form] Inline Fields > .ui.icon.input has wrong width Aug 11, 2015
@jlukic jlukic closed this as completed Aug 13, 2015
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants