Long parameter names run into form field

[jensoleg]

Long parameter names run into form field

[jensoleg]

Hi @ddaguro

A possible solution is making the css overflow hidden on the label. This will cut the label and avoid flowing into the input field.

Do you think of other solutions ?

[dmyers]

Yeah I've ran into this too, but I haven't though of a clean design style.

[ddaguro]

@jensoleg I think the oveflow hidden on label might be a good idea, especially if you're able to append an ellipse to indicate overflow. Then perhaps upon hover it could use the title attribute to show the full name of the parameter. I'll try to think of some other cleaner ways.

[jensoleg]

I have two suggestions to solve this

Abbreviate and mark with ellipsis:

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

Wrap the string with:

word-wrap: break-word;

I think abbreviating the text with ellipsis is the way to go ?

[jensoleg]

Added abbreviation of parameter text and tooltip. Tooltip is placed on input/textarea field.

Commit: 8fdb4af

[ddaguro]

This is perfect! And I like how the tooltip shows on hover of the form field. Thumbs up.

[mike-seagull]

@jensoleg Would it be possible to make the parameter text above or below the input/textarea field?