From ae465a3798587b9c8b260d4ba3e4f451d33a06e4 Mon Sep 17 00:00:00 2001 From: Christian Georgi Date: Thu, 25 Jun 2026 13:18:58 +0200 Subject: [PATCH 1/3] Better column balance in Java properties table - Give Description column more room. - Make long property names wrap. - Reduce 'Default' column width. --- .../properties.data.ts | 4 +- java/developing-applications/properties.md | 42 ++++++++++++++++++- 2 files changed, 43 insertions(+), 3 deletions(-) diff --git a/java/developing-applications/properties.data.ts b/java/developing-applications/properties.data.ts index d18846316e..b4709e0d93 100644 --- a/java/developing-applications/properties.data.ts +++ b/java/developing-applications/properties.data.ts @@ -17,7 +17,9 @@ function massageProperties(properties: JavaSdkProperties[]): OurProperties[] { defaultValue = defaultValue.replace(/, ?/g, ',
') } return { - name: name.replaceAll(/<(index|key)>/g, '<$1>'), // decorate special and names + name: name + .replaceAll(/<(index|key)>/g, '<$1>') // decorate special and names + .replaceAll('.', '.'), // wrap long property names on dots type: type?.replaceAll(/<(.*)>/g, ''), // remove generics for display typeFull: type, description: md2Html(doc), diff --git a/java/developing-applications/properties.md b/java/developing-applications/properties.md index 8d70544880..a8994365ba 100644 --- a/java/developing-applications/properties.md +++ b/java/developing-applications/properties.md @@ -50,16 +50,54 @@ In property files `` should be replaced with a number and `` with an td.anchor .header-anchor { top: 50% !important; left: 50% !important; + margin-left: 0; transform: translate(-50%, -50%); } td.group { font-weight:600; } - th.anchor, td.anchor { border-right:none; } + th.anchor, td.anchor { + width: 0; + border-right:none; + } th.prop, td.prop { border-left:none; padding-left:0px;} + table { + width: max-content; + min-width: 100%; + } + th.java-type, td.java-type { white-space: nowrap; } + th.default, td.default { + white-space: normal; + overflow-wrap: anywhere; + word-break: break-word; + min-width: 12ch; + } + td.default :deep(code) { + display: inline-block; + white-space: normal; + overflow-wrap: anywhere; + word-break: break-word; + min-width: 12ch; + max-width: 100%; + } /* expand this extra wide table on big screens */ @media screen and (min-width: 1600px) { - table { min-width: fit-content; } + table { + display: table; + width: max-content; + min-width: 100%; + overflow-x: visible; + } + th.prop, td.prop { + width: 36ch; + max-width: 36ch; + } + th.default, td.default { + min-width: 24ch; + width: 34ch; + max-width: 34ch; + } + th.descr, td.descr { min-width: 64ch; } tr { position: initial; } /* for anchor to appear */ } From 3dffb161a21ce0c657fc6c65e5baee22c809666d Mon Sep 17 00:00:00 2001 From: Christian Georgi Date: Thu, 25 Jun 2026 15:21:26 +0200 Subject: [PATCH 2/3] Sticky header --- .vitepress/theme/components/ConfigInspect.vue | 2 +- java/developing-applications/properties.md | 19 +++++++++++++------ 2 files changed, 14 insertions(+), 7 deletions(-) diff --git a/.vitepress/theme/components/ConfigInspect.vue b/.vitepress/theme/components/ConfigInspect.vue index c54d21571f..ba4db70fd5 100644 --- a/.vitepress/theme/components/ConfigInspect.vue +++ b/.vitepress/theme/components/ConfigInspect.vue @@ -120,7 +120,7 @@ pkgStr.value = JSON.stringify(pkg, null, 2) rcJsonStr.value = JSON.stringify(pkg.cds??{}, null, 2) - rcJsStr.value = 'exports.' + Object.keys(pkg.cds??{})[0] + ' = ' + JSON.stringify(Object.values(pkg.cds??{})[0], null, 2).replaceAll('"', '') + rcJsStr.value = 'exports.' + Object.keys(pkg.cds??{})[0] + ' = ' + (JSON.stringify(Object.values(pkg.cds??{})[0], null, 2)??'').replaceAll('"', '') rcYmlStr.value = yaml.stringify(pkg.cds) let envKey = fqn.replaceAll('_', '__').replaceAll(keyDel, '_') diff --git a/java/developing-applications/properties.md b/java/developing-applications/properties.md index a8994365ba..82b901033d 100644 --- a/java/developing-applications/properties.md +++ b/java/developing-applications/properties.md @@ -60,9 +60,22 @@ In property files `` should be replaced with a number and `` with an border-right:none; } th.prop, td.prop { border-left:none; padding-left:0px;} + thead { + position: sticky; + top: calc(var(--vp-nav-height, 44px) + var(--vp-layout-top-height, 0px)); + z-index: 4; + } + thead th { + position: sticky; + top: calc(var(--vp-nav-height, 44px) + var(--vp-layout-top-height, 0px)); + z-index: 5; + background: var(--vp-c-bg); + } table { + display: table; width: max-content; min-width: 100%; + overflow-x: visible; } th.java-type, td.java-type { white-space: nowrap; } th.default, td.default { @@ -82,12 +95,6 @@ In property files `` should be replaced with a number and `` with an /* expand this extra wide table on big screens */ @media screen and (min-width: 1600px) { - table { - display: table; - width: max-content; - min-width: 100%; - overflow-x: visible; - } th.prop, td.prop { width: 36ch; max-width: 36ch; From 85b8eb494873cb7fe3b4deb1fe153923d20267e7 Mon Sep 17 00:00:00 2001 From: Christian Georgi Date: Thu, 25 Jun 2026 16:27:20 +0200 Subject: [PATCH 3/3] Render property name in config inspector --- .vitepress/theme/components/ConfigInspect.vue | 2 +- java/developing-applications/properties.data.ts | 17 +++++++++++------ java/developing-applications/properties.md | 6 ++++-- 3 files changed, 16 insertions(+), 9 deletions(-) diff --git a/.vitepress/theme/components/ConfigInspect.vue b/.vitepress/theme/components/ConfigInspect.vue index ba4db70fd5..617720ef7b 100644 --- a/.vitepress/theme/components/ConfigInspect.vue +++ b/.vitepress/theme/components/ConfigInspect.vue @@ -4,7 +4,7 @@ > - {{ label }} +