fix(dees-appui): set min-height: 0 on .maingrid > dees-appui-maincontent to prevent layout overflow in flex container

This commit is contained in:
2026-01-03 02:45:32 +00:00
parent 749725f091
commit c42cedbf94
4 changed files with 11 additions and 3 deletions

View File

@@ -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

View File

@@ -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.'
}

View File

@@ -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 {

View File

@@ -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