From a851bd2db9d2d79c3edc44c7f66de7c1ed3b77e0 Mon Sep 17 00:00:00 2001 From: James Koster Date: Fri, 20 Sep 2024 17:49:35 +0100 Subject: [PATCH] Fix grid layout padding on small screens (#64878) Co-authored-by: jameskoster Co-authored-by: jasmussen --- packages/dataviews/src/components/dataviews/style.scss | 1 - packages/dataviews/src/dataviews-layouts/grid/style.scss | 8 ++++++++ 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/packages/dataviews/src/components/dataviews/style.scss b/packages/dataviews/src/components/dataviews/style.scss index 8909c7cf1c7cfd..aa8fbcfb009c05 100644 --- a/packages/dataviews/src/components/dataviews/style.scss +++ b/packages/dataviews/src/components/dataviews/style.scss @@ -80,7 +80,6 @@ padding: $grid-unit-15 $grid-unit-30; } - .dataviews-view-grid, .dataviews-no-results, .dataviews-loading { padding-left: $grid-unit-30; diff --git a/packages/dataviews/src/dataviews-layouts/grid/style.scss b/packages/dataviews/src/dataviews-layouts/grid/style.scss index 5fab362b0b47b6..6286ed94685a04 100644 --- a/packages/dataviews/src/dataviews-layouts/grid/style.scss +++ b/packages/dataviews/src/dataviews-layouts/grid/style.scss @@ -163,3 +163,11 @@ .dataviews-view-grid__card.is-selected .dataviews-selection-checkbox { top: $grid-unit-10; } + +/* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */ +@container (max-width: 430px) { + .dataviews-view-grid { + padding-left: $grid-unit-30; + padding-right: $grid-unit-30; + } +}