design.estate/dees-catalog
3
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(appui): adjust layout and spacing in app UI components: fix activity log overflow, contain main content overscroll, and refine secondary menu padding/transition

Browse Source
This commit is contained in:
Jürgen Kunz
2026-01-03 01:58:19 +00:00
parent 57b323b53c
commit 8e5168d299
5 changed files with 23 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
ts_web/elements/00group-appui/dees-appui-secondarymenu/dees-appui-secondarymenu.ts
View File

@@ -235,7 +235,7 @@ export class DeesAppuiSecondarymenu extends DeesElement {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 8px;
padding: 8px 12px;
cursor: pointer;
border-radius: 6px;
transition: background 0.15s ease, opacity 0.2s ease, max-height 0.25s ease;
@@ -243,7 +243,14 @@ export class DeesAppuiSecondarymenu extends DeesElement {
}
.groupHeader:hover {
border: 1px solid ${cssManager.bdTheme('rgba(140, 120, 100, 0.06)', 'rgba(180, 160, 140, 0.08)')};
padding: 7px 11px;
}
.groupHeader:not(.collapsed) {
background: ${cssManager.bdTheme('rgba(140, 120, 100, 0.06)', 'rgba(180, 160, 140, 0.08)')};
border: none;
padding: 8px 12px;
}
.groupHeader .groupTitle {
@@ -260,7 +267,7 @@ export class DeesAppuiSecondarymenu extends DeesElement {
}
.groupHeader .groupTitle dees-icon {
font-size: 14px;
font-size: 16px;
color: ${cssManager.bdTheme('#78716c', '#b5a99a')};
}
@@ -286,14 +293,16 @@ export class DeesAppuiSecondarymenu extends DeesElement {
/* Group Items Container */
.groupItems {
overflow: hidden;
transition: max-height 0.25s ease, opacity 0.2s ease;
transition: max-height 0.25s ease, opacity 0.2s ease, margin 0.25s ease;
max-height: 1000px;
opacity: 1;
margin-bottom: 12px;
}
.groupItems.collapsed {
max-height: 0;
opacity: 0;
margin-bottom: 0;
}
/* Always show items when horizontally collapsed (regardless of group collapse state) */