From 11a18fc9be070d4767d3b01c7f54e48fdcb77349 Mon Sep 17 00:00:00 2001 From: Sarah Mundy <109107992+sarahfirstvoices@users.noreply.github.com> Date: Tue, 24 Oct 2023 16:52:37 -0700 Subject: [PATCH 1/2] fw-5045, fix dashboard tiling dynamic column styles were not being deployed for specific sizes; fixed by removing unused size qualifier --- src/components/DashboardTiles/DashboardTilesPresentation.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/DashboardTiles/DashboardTilesPresentation.js b/src/components/DashboardTiles/DashboardTilesPresentation.js index f8c1185e..2edac1d0 100644 --- a/src/components/DashboardTiles/DashboardTilesPresentation.js +++ b/src/components/DashboardTiles/DashboardTilesPresentation.js @@ -10,6 +10,7 @@ import { MEMBER } from 'common/constants/roles' function DashboardTilesPresentation({ tileContent }) { const tileCount = tileContent.length const rowSize = Math.min(tileCount, 4) + console.log('dashboard tiles: ', { tileContent, tileCount, rowSize }) const topLeft = 0 const topRight = Math.min(rowSize - 1, tileCount - 1) const bottomLeft = Math.floor(tileCount / rowSize - 1 / rowSize) * rowSize @@ -39,7 +40,7 @@ function DashboardTilesPresentation({ tileContent }) { const gridClass = () => tileCount === 1 ? 'max-w-lg rounded-lg bg-gray-200 overflow-hidden shadow' - : `divide-y divide-gray-200 sm:divide-y-0 sm:grid sm:grid-cols-${rowSize} sm:gap-px rounded-lg bg-gray-200 overflow-hidden shadow` + : `divide-y divide-gray-200 divide-y-0 grid grid-cols-${rowSize} gap-px rounded-lg bg-gray-200 overflow-hidden shadow` return (
From a5aad2dbf7fae195bba2aa93242bce64584cca51 Mon Sep 17 00:00:00 2001 From: Guy McAuliffe <38873380+gmcauliffe@users.noreply.github.com> Date: Wed, 25 Oct 2023 09:02:36 -0700 Subject: [PATCH 2/2] Remove console.log --- src/components/DashboardTiles/DashboardTilesPresentation.js | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/DashboardTiles/DashboardTilesPresentation.js b/src/components/DashboardTiles/DashboardTilesPresentation.js index 2edac1d0..94909850 100644 --- a/src/components/DashboardTiles/DashboardTilesPresentation.js +++ b/src/components/DashboardTiles/DashboardTilesPresentation.js @@ -10,7 +10,6 @@ import { MEMBER } from 'common/constants/roles' function DashboardTilesPresentation({ tileContent }) { const tileCount = tileContent.length const rowSize = Math.min(tileCount, 4) - console.log('dashboard tiles: ', { tileContent, tileCount, rowSize }) const topLeft = 0 const topRight = Math.min(rowSize - 1, tileCount - 1) const bottomLeft = Math.floor(tileCount / rowSize - 1 / rowSize) * rowSize