eui
eui copied to clipboard
[EuiDescriptionList] Add `columnGap` prop for configurable column spacing
Is your feature request related to a problem? Please describe.
EuiDescriptionList columns currently default to a width of 50%. Depending on the screen size, these columns can be spread quite far apart. The new prop would make this value configurable.
Describe the solution you'd like
A new columnGap prop that accepts s and m (default) as values to control the column gap. m would be the default and would be 50% (the amount used today).
Describe alternatives you've considered
The alternatives to this are kind of hacky. One such hack is using the different description list components and setting a class on DescriptionListTitle with class setting the flex-basis to the desired max width of the title column.
CC: @kyrspl
👋 Thank you for your suggestion or request! While the EUI team agrees that it's valid, it's unlikely that we will prioritize this issue on our roadmap. We'll leave the issue open if you or anyone else in the community wants to implement it by contributing to EUI. If not, this issue will auto close in one year.
@kyrspl We've identified this as a lower priority for the EUI team. However, we would welcome a contribution. We've labeled this as a "good first issue" and "help wanted" in the meantime.
👋 Hi there - this issue hasn't had any activity in 6 months. If the EUI team has not explicitly expressed that this is something on our roadmap, it's unlikely that we'll pick this issue up. We would sincerely appreciate a PR/community contribution if this is something that matters to you! If not, and there is no further activity on this issue for another 6 months (i.e. it's stale for over a year), the issue will be auto-closed.
❌ Per our previous message, this issue is auto-closing after having been open and inactive for a year. If you strongly feel this is still a high-priority issue, or are interested in contributing, please leave a comment or open a new issue linking to this one for context.