domino-ui icon indicating copy to clipboard operation
domino-ui copied to clipboard

Stepper: description in step header does not wrap

Open NickGaens opened this issue 4 years ago • 2 comments

Describe the bug When setting a somewhat longer string as the description of a Step, no wrapping occurs. Instead,

To Reproduce This issue can be easily reproduced on the demo-page of DominoUI (link). Edit the data-step-label of the first step of the horizontal Stepper example as such: data-step-label="Contact name step Contact name step Contact name step. Note the text is simply cut off if the Stepper is rendered horizontally.

Expected behavior I would expect the description to word-wrap and become multiline e.g.

Additional context I tried to manipulate the after pseudo-element of the div with class step-title to no avail.

NickGaens avatar Oct 06 '20 13:10 NickGaens

I am already mid-way implementing the new stepper component :wink:

vegegoku avatar Oct 06 '20 13:10 vegegoku

Did I already mention the fact that that is simply awesome?

NickGaens avatar Oct 06 '20 13:10 NickGaens

Steppers have been redesigned

vegegoku avatar Nov 02 '23 18:11 vegegoku