Inline Field data overflowing on Kanban cards

[Bonapara]

Current Behavior

The inline field data overflows on Kanban cards.

Desired Behavior

The content should be cropped with ellipses to prevent overflow.

[greptile-apps]

To fix the overflow issue on Kanban cards, update the CSS in the RecordBoardCard and RecordShowContainer components. Add the following styles to the relevant elements:

.element-selector {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

Replace .element-selector with the actual class or element selector used for the inline field data in these components.

References

[rksingh2001]

Can I get assigned to this issue?

[Bonapara]

Sure @rksingh2001, thanks for contributing!

[rksingh2001]

Hi @Bonapara, I have implemented ellipses for the straightforward text like field types, what about multi select types. I don't think ellipsis will work for them.

[Bonapara]

Thanks @rksingh2001! Yes, it should be the case for every field. But the Link and Multi-Select field have special behavior: #4900