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

feat(dees-tile): add configurable overscroll handling to tile content and use it in modals

Browse Source
This commit is contained in:
Jürgen Kunz
2026-04-12 17:45:33 +00:00
parent b8a03def79
commit cd491e1517
4 changed files with 20 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
ts_web/elements/00group-layout/dees-tile/dees-tile.ts
View File

@@ -45,6 +45,9 @@ export class DeesTile extends DeesElement {
@property({ type: String })
accessor heading: string = '';
@property({ type: String, reflect: true })
accessor overscroll: 'contain' | 'auto' | 'none' = 'auto';
@state()
accessor hasFooter: boolean = false;
@@ -100,7 +103,14 @@ export class DeesTile extends DeesElement {
border-radius: 8px;
border-top: 1px solid var(--dees-color-border-subtle);
border-bottom: 1px solid var(--dees-color-border-subtle);
overflow: hidden;
overflow-x: hidden;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--dees-color-scrollbar-thumb) transparent;
}
:host([overscroll="contain"]) .tile-content {
overscroll-behavior: contain;
}
.tile-content.no-footer {