From 7f19d991cef5e0bb9c889af595997357bc633e0f Mon Sep 17 00:00:00 2001 From: m-tartari <37861893+m-tartari@users.noreply.github.com> Date: Thu, 15 Feb 2024 17:11:30 +0100 Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor(CurriculumPage):?= =?UTF-8?q?=20unisform=20styling?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../molecules/CurriculumItem/CurriculumItem.tsx | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/src/components/molecules/CurriculumItem/CurriculumItem.tsx b/src/components/molecules/CurriculumItem/CurriculumItem.tsx index 990cfbb..9dd4c02 100644 --- a/src/components/molecules/CurriculumItem/CurriculumItem.tsx +++ b/src/components/molecules/CurriculumItem/CurriculumItem.tsx @@ -16,6 +16,7 @@ const CurriculumItem = (props: CurriculumEntryProps) => { disableGutters elevation={0} sx={{ + bgcolor: 'background.default', // use summary hover background flexDirection: 'row-reverse', '&:not(:last-child)': { borderBottom: 0, @@ -23,6 +24,20 @@ const CurriculumItem = (props: CurriculumEntryProps) => { '&::before': { display: 'none', }, + '&:hover': { + borderBottom: '1px solid', + borderTop: '1px solid', + bgcolor: 'background.paper', // use summary hover background + elevation: 1, + // '& .MuiAccordionSummary-expandIconWrapper .MuiSvgIcon-root': { color: 'primary.dark' }, // use summary hover icon color + }, + '&.Mui-expanded': { + borderBottom: '1px solid', + borderTop: '1px solid', + bgcolor: 'background.paper', // use summary hover background + elevation: 1, + // '& .MuiAccordionSummary-expandIconWrapper .MuiSvgIcon-root': { color: 'primary.dark' }, // use summary hover icon color + }, }}> }