Enhancement: In data, provide extra space between objects

[djmtype]

When specifying multiple objects within frontMatter.data.files array, it can be difficult to tell the objects apart. I'd treat the object titles either with a different font color and/or font size to help distinguish them apart.

At the very least, please provide extra margin between the objects.

[estruyf]

Thanks @djmtype, for the suggestion!

[djmtype]

@estruyf Without adding any additional markup, I think you want to target .autoform form > .fields > div > label:first-of-type? Although, I don't know if this will wrongfully impact other use cases.

For example:

/* Adds primary color to each parent object label */

.autoform form > .fields > div > label:first-of-type {
  color: var(--primary-color);
}

/* Adds space and border between nested objects except for the first object */

.autoform form > .fields > div:not(:first-child) > label:first-of-type {
  margin-block-start: 2rem;
  border-block-start: 1px solid;
  padding-block-start: 2rem;
}

[estruyf]

@djmtype would you be able to provide a sample configuration so that I can reproduce it?

[djmtype]

"frontMatter.data.files": [
    {
      "id": "config",
      "title": "Configuration",
      "file": "[[workspace]]/src/data/config.json",
      "fileType": "json",
      "labelField": "name",
      "singleEntry": true,
      "schema": {
        "title": "Configuration",
        "type": "object",
        "properties": {
          "site": {
            "type": "object",
            "title": "Site",
            "required": [
              "title",
              "url",
              "language"
            ],
            "properties": {
              "title": {
                "type": "string",
                "title": "Title"
              },
              "tagline": {
                "type": "string",
                "title": "Tagline"
              },
              "url": {
                "type": "string",
                "title": "URL"
              },
              "description": {
                "type": "string",
                "title": "Description",
                "multiline": true
              },
              "language": {
                "type": "string",
                "title": "Language"
              },
              "country": {
                "type": "string",
                "title": "Country"
              },
              "favicon": {
                "type": "string",
                "title": "Favicon"
              }
            }
          },
          "metadata": {
            "type": "object",
            "title": "Metadata",
            "required": [
              "ogImage",
              "ogImageAlt"
            ],
            "properties": {
              "ogTitle": {
                "type": "string",
                "title": "OpenGraph Title"
              },
              "ogDescription": {
                "type": "string",
                "title": "OpenGraph Description",
                "multiline": true
              },
              "ogImage": {
                "type": "string",
                "title": "OpenGraph Image"
              },
              "ogImageAlt": {
                "type": "string",
                "title": "OpenGraph Image Alt Text"
              }
            }
          },
          "logo": {
            "type": "object",
            "title": "Logo",
            "properties": {
              "image": {
                "type": "string",
                "title": "Image"
              },
              "width": {
                "type": "number",
                "title": "Width"
              },
              "height": {
                "type": "number",
                "title": "Height"
              }
            }
          },

          "blog": {
            "type": "object",
            "title": "Blog",
            "properties": {
              "title": {
                "type": "string",
                "title": "Title"
              },
              "description": {
                "type": "string",
                "title": "Description",
                "multiline": true
              }
            }
          }
        }
      }
    }
]

[estruyf]

Thanks @djmtype, I have included your fix into the 9.4.0 which should go out later today.