ix-key-value-list label doesn't get truncated if it's too long

[szreka24]

What happened?

In ix-key-value-list if the label is too long, the line slips compare to other lines. It's not very nice, either the entire column should be larger then, or it should be dotted and a fixed width can be given.

What type of frontend frameware are you seeing the problem on?

Angular

Which version of iX do you use?

v2.0.3

Code to produce this issue.

<ix-key-value-list>
      <ix-key-value
        label="A really looooooooooong label"
        labelPosition="left"
        value="Value"
      ></ix-key-value>

      <ix-key-value
        label="Label"
        labelPosition="left"
        value="Value"
      ></ix-key-value>

      <ix-key-value
        label="Label"
        labelPosition="left"
        value="Value"
      ></ix-key-value>
    </ix-key-value-list>

[nuke-ellington]

We will enhance the component to allow configuration of the overflow behaviour (multi- vs oneline).

[nuke-ellington]

[IX-437]