igniteui-webcomponents icon indicating copy to clipboard operation
igniteui-webcomponents copied to clipboard

[Calendar]: Vertical header text gets wrapped to three lines

Open adrianptrv opened this issue 10 months ago • 0 comments

When we set our calendar to a vertical position, the text in the header gets wrapped into three lines. In the UI kits, the text appears on only two lines, as in the Angular sample. The issue occurs when using the Material, Bootstrap, and Indigo themes, in both light and dark versions.

Material:

Image

Bootstrap:

Image

Indigo:

Image --------

I found that the difference between the Angular and WC samples is that the WC sample is missing the CSS property 'min-width,' which is equal to the 'width' CSS property on the same element. After adding it, the issue seems to be fixed.

Image

adrianptrv avatar Mar 18 '25 12:03 adrianptrv