From afb8bee1ea307bed08fd59c82ee50536791641f5 Mon Sep 17 00:00:00 2001 From: Padmaja <52911293+padms@users.noreply.github.com> Date: Tue, 10 Dec 2024 13:57:40 +0530 Subject: [PATCH 1/3] =?UTF-8?q?=F0=9F=92=84=20Fix=20styles=20for=20mobile?= =?UTF-8?q?=20#2701?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/sections/AnchorLinkList/AnchorLinkList.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/web/sections/AnchorLinkList/AnchorLinkList.tsx b/web/sections/AnchorLinkList/AnchorLinkList.tsx index d2b02e28f..3b5a4d5dd 100644 --- a/web/sections/AnchorLinkList/AnchorLinkList.tsx +++ b/web/sections/AnchorLinkList/AnchorLinkList.tsx @@ -17,7 +17,7 @@ const AnchorLinkList = forwardRef(function Anc const { title, anchorList = [], columns } = data const getFlow = () => { - const commonGridStyling = 'grid auto-fill-fr lg:place-items-start' + const commonGridStyling = 'grid lg:place-items-start grid-cols-3' switch (columns) { case '3': return `${commonGridStyling} lg:grid-cols-3` @@ -29,7 +29,7 @@ const AnchorLinkList = forwardRef(function Anc return `${commonGridStyling} lg:grid-cols-6` default: case 'flex': - return 'grid auto-fill-fr justify-start' + return 'grid grid-cols-[repeat(auto-fill,minmax(150px,1fr))] justify-start' } } return ( From b815794d76d29c43c51b62e69db823f23fb6d785 Mon Sep 17 00:00:00 2001 From: Padmaja <52911293+padms@users.noreply.github.com> Date: Thu, 19 Dec 2024 16:40:05 +0530 Subject: [PATCH 2/3] Replace in config #2720 --- web/sections/AnchorLinkList/AnchorLinkList.tsx | 2 +- web/tailwind.config.cjs | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/web/sections/AnchorLinkList/AnchorLinkList.tsx b/web/sections/AnchorLinkList/AnchorLinkList.tsx index 3b5a4d5dd..9ae2b4d51 100644 --- a/web/sections/AnchorLinkList/AnchorLinkList.tsx +++ b/web/sections/AnchorLinkList/AnchorLinkList.tsx @@ -29,7 +29,7 @@ const AnchorLinkList = forwardRef(function Anc return `${commonGridStyling} lg:grid-cols-6` default: case 'flex': - return 'grid grid-cols-[repeat(auto-fill,minmax(150px,1fr))] justify-start' + return 'grid auto-fill-fr justify-start' } } return ( diff --git a/web/tailwind.config.cjs b/web/tailwind.config.cjs index 2155b90cc..d980852e2 100644 --- a/web/tailwind.config.cjs +++ b/web/tailwind.config.cjs @@ -485,7 +485,7 @@ module.exports = { }), transitionProperty: ['motion-safe'], gridTemplateColumns: { - 'auto-fill-fr': `repeat(auto-fill, minmax(80px,1fr))`, + 'auto-fill-fr': `repeat(auto-fill,minmax(150px,1fr))`, card: `repeat(auto-fill, minmax(min(100%, theme(spacing.card-minWidth)), theme(spacing.card-maxWidth)))`, }, }, From 515364d7e20e66a5f9e486b8d6add9566bcfa44f Mon Sep 17 00:00:00 2001 From: Padmaja <52911293+padms@users.noreply.github.com> Date: Thu, 19 Dec 2024 16:44:45 +0530 Subject: [PATCH 3/3] =?UTF-8?q?=F0=9F=92=84=20=20Fix=20style=20#2701?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/sections/AnchorLinkList/AnchorLinkList.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web/sections/AnchorLinkList/AnchorLinkList.tsx b/web/sections/AnchorLinkList/AnchorLinkList.tsx index 9ae2b4d51..9cd72a689 100644 --- a/web/sections/AnchorLinkList/AnchorLinkList.tsx +++ b/web/sections/AnchorLinkList/AnchorLinkList.tsx @@ -29,7 +29,7 @@ const AnchorLinkList = forwardRef(function Anc return `${commonGridStyling} lg:grid-cols-6` default: case 'flex': - return 'grid auto-fill-fr justify-start' + return 'grid grid-cols-auto-fill-fr justify-start' } } return (