Webstaff - eg-org-selector directive's input will stretch to fill page width
Bug #1797973 reported by
Cesar V
This bug affects 1 person
Affects | Status | Importance | Assigned to | Milestone | |
---|---|---|---|---|---|
Evergreen |
Won't Fix
|
Low
|
Unassigned | ||
3.2 |
Won't Fix
|
Undecided
|
Unassigned | ||
3.3 |
Won't Fix
|
Low
|
Unassigned | ||
3.4 |
Won't Fix
|
Low
|
Unassigned | ||
3.5 |
Won't Fix
|
Low
|
Unassigned |
Bug Description
As seem here https:/
In some UI's the new template for the OU selector will (new type-ahead one, created as a result of bug 1511742) will stretch to fill the screen instead of being a reasonable width. This is because the inner input element is styled by bootstrap's .form-control CSS rules, giving it a 100% width, but since the parent element is a span, it'll just expand. Adding a simple "display: inline-block" to the parent span, seems to fix the issue, though I'm sure there might be better ways to address this.
Changed in evergreen: | |
milestone: | 3.2.1 → 3.2.2 |
Changed in evergreen: | |
milestone: | 3.2.2 → 3.2.3 |
tags: | added: pullrequest |
Changed in evergreen: | |
milestone: | 3.2.3 → 3.3-beta1 |
Changed in evergreen: | |
importance: | Undecided → Low |
Changed in evergreen: | |
milestone: | 3.3-beta1 → 3.3-rc |
Changed in evergreen: | |
milestone: | 3.3-rc → 3.3.1 |
Changed in evergreen: | |
milestone: | 3.3.1 → 3.3.2 |
Changed in evergreen: | |
milestone: | 3.3.2 → 3.3.3 |
Changed in evergreen: | |
milestone: | 3.3.3 → 3.3.4 |
Changed in evergreen: | |
milestone: | 3.3.4 → 3.3.5 |
Changed in evergreen: | |
milestone: | 3.3.5 → 3.4.2 |
Changed in evergreen: | |
milestone: | 3.4.2 → 3.4.3 |
Changed in evergreen: | |
milestone: | 3.4.3 → 3.4.4 |
Changed in evergreen: | |
milestone: | 3.4.4 → 3.5.1 |
Changed in evergreen: | |
milestone: | 3.5.1 → 3.5.2 |
Changed in evergreen: | |
milestone: | 3.5.2 → 3.6.1 |
tags: | added: bitesize |
Changed in evergreen: | |
milestone: | 3.6.1 → 3.6.2 |
tags: | removed: needsrepatch |
To post a comment you must log in.
Indeed, several UI's were updated as part of bug #1511742 (https:/ /bugs.launchpad .net/evergreen/ +bug/1511742/ comments/ 40). It looks like we missed one...
I think the .form-control expansion is what we want, since it's consistent with other Bootstrap form controls. That way the user has full control of the width, e.g. by wrapping the selector in "col-*" classes.