From 3788878ab23d662e1d0d6bd4b4e67960dc9e6370 Mon Sep 17 00:00:00 2001 From: Yordan Stoyanov Date: Mon, 17 Aug 2026 18:22:48 +0200 Subject: [PATCH 1/2] fix(data-widgets): stack Data Grid 2 top bar when narrow The top bar container query targeted $root-padding-top instead of $root-paging-top, so the narrow-width rule has never applied and the top bar never stacked below 500px. Its footer counterpart is spelled correctly. --- .../data-widgets/src/themesource/datawidgets/web/_datagrid.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid.scss b/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid.scss index 6e03b61b41..9138d6031c 100644 --- a/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid.scss +++ b/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid.scss @@ -622,7 +622,7 @@ $root: ".widget-datagrid"; } @container widget-datagrid-header (width < 500px) { - #{$root}-padding-top { + #{$root}-paging-top { flex-direction: column-reverse; :where(#{$root}-tb-start, #{$root}-tb-end) { width: 100%; From da6ae807dc62a4264ad0376db68964160daf9ce3 Mon Sep 17 00:00:00 2001 From: Yordan Stoyanov Date: Mon, 17 Aug 2026 18:22:54 +0200 Subject: [PATCH 2/2] docs(data-widgets): add changelog for top bar stacking fix --- packages/modules/data-widgets/CHANGELOG.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/packages/modules/data-widgets/CHANGELOG.md b/packages/modules/data-widgets/CHANGELOG.md index c793c4ead0..7e064fb0f8 100644 --- a/packages/modules/data-widgets/CHANGELOG.md +++ b/packages/modules/data-widgets/CHANGELOG.md @@ -6,6 +6,12 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), ## [Unreleased] +### Data Grid 2 + +#### Fixed + +- We fixed an issue where the top bar did not stack its content vertically in narrow containers. + ## [3.11.3] DataWidgets - 2026-07-27 ### [3.11.3] DatagridDropdownFilter