diff --git a/changelog.md b/changelog.md index 3cacf68..87f74c9 100644 --- a/changelog.md +++ b/changelog.md @@ -1,5 +1,12 @@ # Changelog +## 2026-03-11 - 3.47.1 - fix(dees-statsgrid) +add tablet breakpoint to render stats grid as three columns + +- Added cssManager.cssForTablet rule to set .stats-grid grid-template-columns: repeat(3, 1fr). +- Improves responsive layout on tablet devices for dees-statsgrid tiles. +- Change made in ts_web/elements/00group-dataview/dees-statsgrid/dees-statsgrid.ts + ## 2026-03-11 - 3.47.0 - feat(dees-statsgrid) add container-responsive behavior and responsive CSS to dees-statsgrid; bump @design.estate/dees-element dependency to ^2.2.1 diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts index f6f3aa1..90d333a 100644 --- a/ts_web/00_commitinfo_data.ts +++ b/ts_web/00_commitinfo_data.ts @@ -3,6 +3,6 @@ */ export const commitinfo = { name: '@design.estate/dees-catalog', - version: '3.47.0', + version: '3.47.1', description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.' } diff --git a/ts_web/elements/00group-dataview/dees-statsgrid/dees-statsgrid.ts b/ts_web/elements/00group-dataview/dees-statsgrid/dees-statsgrid.ts index ed94a34..7c5a092 100644 --- a/ts_web/elements/00group-dataview/dees-statsgrid/dees-statsgrid.ts +++ b/ts_web/elements/00group-dataview/dees-statsgrid/dees-statsgrid.ts @@ -804,6 +804,11 @@ export class DeesStatsGrid extends DeesElement { } `, // Container-responsive: when this statsgrid is narrow + cssManager.cssForTablet(css` + .stats-grid { + grid-template-columns: repeat(3, 1fr); + } + `, this), cssManager.cssForPhablet(css` :host { --tile-padding: 12px;