From c42cedbf94e434d716c9bcbc773852ac0c82e716 Mon Sep 17 00:00:00 2001 From: Juergen Kunz Date: Sat, 3 Jan 2026 02:45:32 +0000 Subject: [PATCH] fix(dees-appui): set min-height: 0 on .maingrid > dees-appui-maincontent to prevent layout overflow in flex container --- changelog.md | 6 ++++++ ts_web/00_commitinfo_data.ts | 2 +- ts_web/elements/00group-appui/dees-appui/dees-appui.ts | 1 + ts_web/elements/dees-icon/dees-icon.ts | 5 +++-- 4 files changed, 11 insertions(+), 3 deletions(-) diff --git a/changelog.md b/changelog.md index 63f90a0..8c9ac18 100644 --- a/changelog.md +++ b/changelog.md @@ -1,5 +1,11 @@ # Changelog +## 2026-01-03 - 3.29.2 - fix(dees-appui) +set min-height: 0 on .maingrid > dees-appui-maincontent to prevent layout overflow in flex container + +- Added min-height: 0 to .maingrid > dees-appui-maincontent in ts_web/elements/00group-appui/dees-appui/dees-appui.ts to prevent unwanted growth/overflow when used inside a flex container. +- Pure CSS/layout fix — no API or behavior changes to components. + ## 2026-01-03 - 3.29.1 - fix(dees-appui) prevent main grid overflow by adding overflow:hidden; and add Playwright scroll containment screenshots diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts index bc0325d..16aadb4 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.29.1', + version: '3.29.2', 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-appui/dees-appui/dees-appui.ts b/ts_web/elements/00group-appui/dees-appui/dees-appui.ts index da736cb..7eeb4b7 100644 --- a/ts_web/elements/00group-appui/dees-appui/dees-appui.ts +++ b/ts_web/elements/00group-appui/dees-appui/dees-appui.ts @@ -202,6 +202,7 @@ export class DeesAppui extends DeesElement { .maingrid > dees-appui-maincontent { position: relative; z-index: 1; + min-height: 0; } .maingrid > dees-appui-activitylog { diff --git a/ts_web/elements/dees-icon/dees-icon.ts b/ts_web/elements/dees-icon/dees-icon.ts index b5a0695..c6515ec 100644 --- a/ts_web/elements/dees-icon/dees-icon.ts +++ b/ts_web/elements/dees-icon/dees-icon.ts @@ -257,12 +257,13 @@ export class DeesIcon extends DeesElement { * @returns Object with type and name properties */ private parseIconString(iconStr: string): { type: 'fa' | 'lucide', name: string } { - if (iconStr.startsWith('fa:')) { + const lowerStr = iconStr.toLowerCase(); + if (lowerStr.startsWith('fa:')) { return { type: 'fa', name: iconStr.substring(3) // Remove 'fa:' prefix }; - } else if (iconStr.startsWith('lucide:')) { + } else if (lowerStr.startsWith('lucide:')) { return { type: 'lucide', name: iconStr.substring(7) // Remove 'lucide:' prefix