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

feat(dees-chart-area): add full page toggle control for chart area

Browse Source
This commit is contained in:
Jürgen Kunz
2026-04-03 12:59:10 +00:00
parent 0d7f68086d
commit 10b67adfe1
5 changed files with 70 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
ts_web/elements/00group-chart/dees-chart-area/styles.ts
View File

@@ -13,6 +13,37 @@ export const chartAreaStyles = [
dees-tile {
height: 100%;
}
.chartHeader {
display: flex;
align-items: center;
height: 32px;
padding: 0 8px 0 16px;
}
.chartLabel {
flex: 1;
font-size: 14px;
font-weight: 500;
letter-spacing: -0.01em;
color: ${cssManager.bdTheme('hsl(0 0% 20%)', 'hsl(0 0% 63.9%)')};
}
.expandBtn {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border: none;
border-radius: 4px;
background: transparent;
cursor: pointer;
color: ${cssManager.bdTheme('hsl(0 0% 55%)', 'hsl(0 0% 45%)')};
transition: all 0.15s ease;
padding: 0;
}
.expandBtn:hover {
background: ${cssManager.bdTheme('hsl(0 0% 93%)', 'hsl(0 0% 12%)')};
color: ${cssManager.bdTheme('hsl(0 0% 20%)', 'hsl(0 0% 90%)')};
}
.chartContainer {
position: absolute;
inset: 0 0 4px 0;