| Volker_E | |
| Oct 14 2016, 11:13 PM |
| F4604558: T148256 Example Form.png | |
| Oct 14 2016, 11:44 PM |
| F4604551: T148256 Example Form.png | |
| Oct 14 2016, 11:42 PM |
In making the white-space between different form widgets harmonious, an additional CSS class on fieldLayouts is needed.
Widgets without labels have to feature a slightly higher margin than the ones with.
A special problem are Checkbox- and RadioInputWidgets that have labels, but they are on the same line with the widget.
| Status | Subtype | Assigned | Task | ||
|---|---|---|---|---|---|
| Resolved | Volker_E | T136790 Improve form layouts in OOUI MW core forms for better user experience | |||
| Invalid | Volker_E | T148256 Add `has-label` CSS class or similar to fieldLayout |
Well, in order to have a selector with leverage here, it needs to be at the fieldLayout level…
I'm not sure what you mean. .oo-ui-labelElement still looks exactly like what you want.
Err, where did I look at?!? Seems like all we need is already there. Will leave this open till after a patch with amendments to margins as part of parent task.
As @matmarex mentioned, .oo-ui-labelElement is in it's current addition sufficient for differentiating form inputs as designed.