Allow inline arrays

[chky-nmnsoftware]

Just like the title says, I believe it would be very useful to have the ability to make arrays display as inline arrays. This could be configurable. This would most likely disable the expanding functionality. This could be configurable to be enabled on shallow arrays with primitives.

[fabiradi]

I use custom styles, that can optionally collapse "short" arrays (max. 5 items) and objects into one line just via CSS. This might be an interesting option to consider.

This is part of the code (CSS modules):

  &.compactObject .basicChildStyle > .childFieldsContainer:not(:has(:nth-child(5))) {
    display: inline;
    padding-left: 0;
    border-left: none;

    & > .basicChildStyle {
      display: inline-block;

      &:last-child {
        margin-right: 0.15em;
      }
    }
  }

The rendering works quite well for me showing small array and objects in a more compact way. It definitely not really finished and has its issues with the "detection" of small objects (just counting the props), but it's a lot better for many occasions that just showing everything below each other.

The collapsing does not have a lot of effect anymore, but its left visible for now.

regular	compact	compact + collapsed