igniteui-webcomponents
igniteui-webcomponents copied to clipboard
[Calendar]: Vertical header text gets wrapped to three lines
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:
Bootstrap:
Indigo:
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.