fix(dees-statsgrid): add tablet breakpoint to render stats grid as three columns
This commit is contained in:
@@ -1,5 +1,12 @@
|
|||||||
# Changelog
|
# 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)
|
## 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
|
add container-responsive behavior and responsive CSS to dees-statsgrid; bump @design.estate/dees-element dependency to ^2.2.1
|
||||||
|
|
||||||
|
|||||||
@@ -3,6 +3,6 @@
|
|||||||
*/
|
*/
|
||||||
export const commitinfo = {
|
export const commitinfo = {
|
||||||
name: '@design.estate/dees-catalog',
|
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.'
|
description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -804,6 +804,11 @@ export class DeesStatsGrid extends DeesElement {
|
|||||||
}
|
}
|
||||||
`,
|
`,
|
||||||
// Container-responsive: when this statsgrid is narrow
|
// Container-responsive: when this statsgrid is narrow
|
||||||
|
cssManager.cssForTablet(css`
|
||||||
|
.stats-grid {
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
}
|
||||||
|
`, this),
|
||||||
cssManager.cssForPhablet(css`
|
cssManager.cssForPhablet(css`
|
||||||
:host {
|
:host {
|
||||||
--tile-padding: 12px;
|
--tile-padding: 12px;
|
||||||
|
|||||||
Reference in New Issue
Block a user