Fix checkbox optional/required marker not shown when truncated

[larsrickert]

The optional/required marker is not shown when truncated with ellipsis

Definition of Done

• [x] screenshot tests are updated
• [x] updated version + documentation is deployed
• [x] Storybook can show the feature
• [x] Set task to In Approval

Approval

• "optional" truncation example
• "required" truncation example
• [x] approved by designer @jannick-ux
• [x] approved by dev @JoCa96

[BoppLi]

[12:58 PM] Linda Bopp Optional label behavior and truncation ux I have a question about the intended behavior of the "optional" label in combination with truncation and multiline mode. Currently it behaves like this (https://github.com/SchwarzIT/onyx/issues/698) (see screenshot in ticket)

in the first example, should "optional" be fixed to the right and the "Very long label" will be even shorter until the ... happens? in the last example, can it stay as it is? in the following example, should the optional labels be right-aligned on the same position?

---

[1:04 PM] Jannick Keller To the first question: Yes the optional-label has a higher priority than the checkbox-label. Therefore the optional-label will be fully readable on the right and the checkbox-label will use the rest of the available space (pending on the max width) before it gets ...truncated.

The last example of the top image is correct.

To the second image: the optional-labels don't have to be aligned to the same vertical position.

• [x] => option label must be visible only in truncated examples