diff --git a/changelog.md b/changelog.md index aabe310..04ba297 100644 --- a/changelog.md +++ b/changelog.md @@ -1,5 +1,12 @@ # Changelog +## 2026-01-27 - 3.41.1 - fix(dataview-codebox) +fix dees-dataview codebox layout to ensure full-height, proper flex behavior and scrolling; bump internal dependencies + +- Updated CSS in ts_web/elements/00group-dataview/dees-dataview-codebox/dees-dataview-codebox.ts: added height:100%, box-sizing, display:flex and flex-direction:column on container, set flex-shrink on header elements, made code grid overflow:auto with flex:1 and min-height:0 to prevent overflow issues. +- Bumped dependencies in package.json: @design.estate/dees-domtools from ^2.3.7 to ^2.3.8 and @design.estate/dees-element from ^2.1.5 to ^2.1.6. +- Non-breaking visual/layout fix — suitable for a patch release. + ## 2026-01-27 - 3.41.0 - feat(docs) document new media & tile components and expand Workspace/IDE component docs; update component count to 90+ diff --git a/package.json b/package.json index cb1feb1..a0ee769 100644 --- a/package.json +++ b/package.json @@ -16,8 +16,8 @@ "author": "Lossless GmbH", "license": "MIT", "dependencies": { - "@design.estate/dees-domtools": "^2.3.7", - "@design.estate/dees-element": "^2.1.5", + "@design.estate/dees-domtools": "^2.3.8", + "@design.estate/dees-element": "^2.1.6", "@design.estate/dees-wcctools": "^3.8.0", "@fortawesome/fontawesome-svg-core": "^7.1.0", "@fortawesome/free-brands-svg-icons": "^7.1.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 7bc3289..829768d 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -9,11 +9,11 @@ importers: .: dependencies: '@design.estate/dees-domtools': - specifier: ^2.3.7 - version: 2.3.7 + specifier: ^2.3.8 + version: 2.3.8 '@design.estate/dees-element': - specifier: ^2.1.5 - version: 2.1.5 + specifier: ^2.1.6 + version: 2.1.6 '@design.estate/dees-wcctools': specifier: ^3.8.0 version: 3.8.0 @@ -352,11 +352,11 @@ packages: '@design.estate/dees-comms@1.0.30': resolution: {integrity: sha512-KchMlklJfKAjQiJiR0xmofXtQ27VgZtBIxcMwPE9d+h3jJRv+lPZxzBQVOM0eyM0uS44S5vJMZ11IeV4uDXSHg==} - '@design.estate/dees-domtools@2.3.7': - resolution: {integrity: sha512-MXoDBrP7JTOpni8b12aFXHJKnKBoQppM8cYBuL9cesRmCVGdB7p39XMRQ7dRyMhmmyr66L3cOczhiCV6febCwg==} + '@design.estate/dees-domtools@2.3.8': + resolution: {integrity: sha512-jUG9GMvPxKMwmRIZ9oLTL3c8hHvHuiwIk8cTrYnuZzGO/uJJ5/czk9o6LRXUuCOOG7TRLtqgOpK8EEQgaadfZA==} - '@design.estate/dees-element@2.1.5': - resolution: {integrity: sha512-czUOFvBiUKi34I+/keDRDc71fuORZS0NfbSuD2jJ4D1ODiTPjaZ6A6SkdQ2QqCEzVsx73XF99Pu8pxPnaOLnHg==} + '@design.estate/dees-element@2.1.6': + resolution: {integrity: sha512-7zyHkUjB8UEQgT9VbB2IJtc/yuPt9CI5JGel3b6BxA1kecY64ceIjFvof1uIkc0QP8q2fMLLY45r1c+9zDTjzg==} '@design.estate/dees-wcctools@3.8.0': resolution: {integrity: sha512-CC14iVKUrguzD9jIrdPBd9fZ4egVJEZMxl5y8iy0l7WLumeoYvGsoXj5INVkRPLRVLqziIdi4Je1hXqHt2NU+g==} @@ -4730,8 +4730,8 @@ snapshots: '@design.estate/dees-catalog@3.37.0(@tiptap/pm@2.27.2)': dependencies: - '@design.estate/dees-domtools': 2.3.7 - '@design.estate/dees-element': 2.1.5 + '@design.estate/dees-domtools': 2.3.8 + '@design.estate/dees-element': 2.1.6 '@design.estate/dees-wcctools': 3.8.0 '@fortawesome/fontawesome-svg-core': 7.1.0 '@fortawesome/free-brands-svg-icons': 7.1.0 @@ -4770,7 +4770,7 @@ snapshots: '@push.rocks/smartdelay': 3.0.5 broadcast-channel: 7.3.0 - '@design.estate/dees-domtools@2.3.7': + '@design.estate/dees-domtools@2.3.8': dependencies: '@api.global/typedrequest': 3.2.5 '@design.estate/dees-comms': 1.0.30 @@ -4796,9 +4796,9 @@ snapshots: - supports-color - vue - '@design.estate/dees-element@2.1.5': + '@design.estate/dees-element@2.1.6': dependencies: - '@design.estate/dees-domtools': 2.3.7 + '@design.estate/dees-domtools': 2.3.8 '@push.rocks/isounique': 1.0.5 '@push.rocks/smartrx': 3.0.10 lit: 3.3.2 @@ -4810,8 +4810,8 @@ snapshots: '@design.estate/dees-wcctools@3.8.0': dependencies: - '@design.estate/dees-domtools': 2.3.7 - '@design.estate/dees-element': 2.1.5 + '@design.estate/dees-domtools': 2.3.8 + '@design.estate/dees-element': 2.1.6 '@push.rocks/smartdelay': 3.0.5 lit: 3.3.2 transitivePeerDependencies: @@ -5921,7 +5921,7 @@ snapshots: '@push.rocks/smartntml@2.0.8': dependencies: - '@design.estate/dees-element': 2.1.5 + '@design.estate/dees-element': 2.1.6 '@happy-dom/global-registrator': 15.11.7 '@push.rocks/smartpromise': 4.2.3 fake-indexeddb: 6.2.5 @@ -6178,7 +6178,7 @@ snapshots: '@push.rocks/taskbuffer@3.5.0': dependencies: - '@design.estate/dees-element': 2.1.5 + '@design.estate/dees-element': 2.1.6 '@push.rocks/lik': 6.2.2 '@push.rocks/smartdelay': 3.0.5 '@push.rocks/smartlog': 3.1.10 diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts index e748821..8bfa092 100644 --- a/ts_web/00_commitinfo_data.ts +++ b/ts_web/00_commitinfo_data.ts @@ -3,6 +3,6 @@ */ export const commitinfo = { name: '@design.estate/dees-catalog', - version: '3.41.0', + version: '3.41.1', description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.' } diff --git a/ts_web/elements/00group-dataview/dees-dataview-codebox/dees-dataview-codebox.ts b/ts_web/elements/00group-dataview/dees-dataview-codebox/dees-dataview-codebox.ts index b430b0d..1d1b52d 100644 --- a/ts_web/elements/00group-dataview/dees-dataview-codebox/dees-dataview-codebox.ts +++ b/ts_web/elements/00group-dataview/dees-dataview-codebox/dees-dataview-codebox.ts @@ -52,6 +52,8 @@ export class DeesDataviewCodebox extends DeesElement { text-align: left; font-size: 16px; font-family: ${cssGeistFontFamily}; + height: 100%; + box-sizing: border-box; } .mainbox { position: relative; @@ -61,6 +63,10 @@ export class DeesDataviewCodebox extends DeesElement { background: ${cssManager.bdTheme('#ffffff', '#09090b')}; border-radius: 6px; overflow: hidden; + display: flex; + flex-direction: column; + height: 100%; + box-sizing: border-box; } .appbar { @@ -74,6 +80,7 @@ export class DeesDataviewCodebox extends DeesElement { line-height: 32px; justify-content: center; align-items: center; + flex-shrink: 0; } .appbar .fileName { @@ -95,6 +102,7 @@ export class DeesDataviewCodebox extends DeesElement { justify-content: flex-end; align-items: stretch; overflow: hidden; + flex-shrink: 0; } .spacesLabel { @@ -121,7 +129,9 @@ export class DeesDataviewCodebox extends DeesElement { .codegrid { display: grid; grid-template-columns: 50px auto; - overflow: hidden; + overflow: auto; + flex: 1; + min-height: 0; } .lineNumbers {