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

feat: add interfaces for secondary menu items with various types and functionalities

Browse Source
This commit is contained in:
Jürgen Kunz
2026-01-03 01:24:36 +00:00
parent c41268cd4e
commit 57b323b53c
23 changed files with 1069 additions and 240 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
ts_web/elements/00group-appui/dees-appui-appbar/styles.ts
View File

@@ -17,7 +17,7 @@ export const appuiAppbarStyles = [
color: ${cssManager.bdTheme('#00000080', '#ffffff80')};
font-size: var(--appbar-font-size);
display: grid;
grid-template-columns: ${cssManager.cssGridColumns(3, 20)};
grid-template-columns: auto 1fr auto;
-webkit-app-region: drag;
user-select: none;
}
@@ -233,6 +233,54 @@ export const appuiAppbarStyles = [
.user-status.away {
background: #ff9800;
}
/* Activity log toggle button */
.activity-toggle {
display: flex;
align-items: center;
gap: 2px;
height: 28px;
padding: 0 8px;
border-radius: 6px;
cursor: default;
-webkit-app-region: no-drag;
color: ${cssManager.bdTheme('#00000060', '#ffffff60')};
border: 1px solid ${cssManager.bdTheme('rgba(0, 0, 0, 0.1)', 'rgba(255, 255, 255, 0.1)')};
transition: all 0.15s ease;
}
.activity-toggle:hover {
background: ${cssManager.bdTheme('#00000010', '#ffffff15')};
color: ${cssManager.bdTheme('#000000', '#ffffff')};
border-color: transparent;
}
.activity-toggle.active {
background: ${cssManager.bdTheme('#00000015', '#ffffff20')};
color: ${cssManager.bdTheme('#000000', '#ffffff')};
border-color: transparent;
}
.activity-toggle dees-icon {
font-size: 14px;
}
.activity-badge {
position: relative;
margin-left: 4px;
min-width: 16px;
height: 16px;
padding: 0 4px;
background: ${cssManager.bdTheme('#525252', '#525252')};
color: #fafafa;
font-size: 10px;
font-weight: 600;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}
`,
];