From 5b290bc06198167e6c2a9ca140d556c08600ebec Mon Sep 17 00:00:00 2001 From: shankar ambady Date: Tue, 11 Jun 2024 10:48:01 -0400 Subject: [PATCH 01/39] remove padding from FieldControls element --- frontends/mit-open/src/pages/FieldPage/FieldPageSkeleton.tsx | 3 --- 1 file changed, 3 deletions(-) diff --git a/frontends/mit-open/src/pages/FieldPage/FieldPageSkeleton.tsx b/frontends/mit-open/src/pages/FieldPage/FieldPageSkeleton.tsx index 555aa433b8..e8bd76f162 100644 --- a/frontends/mit-open/src/pages/FieldPage/FieldPageSkeleton.tsx +++ b/frontends/mit-open/src/pages/FieldPage/FieldPageSkeleton.tsx @@ -26,7 +26,6 @@ export const FieldControls = styled.div` position: relative; min-height: 38px; display: flex; - margin-bottom: 1em; ` interface FieldSkeletonProps { @@ -168,7 +167,6 @@ const FieldSkeletonProps: React.FC = ({ width: "100%", flexShrink: 1, order: 3, - my: 2, }} > @@ -213,7 +211,6 @@ const FieldSkeletonProps: React.FC = ({ width: { md: "15%", xs: "100%" }, flexShrink: 0, order: 2, - my: 1, }} > From 4b63ed8b0645daa58ff5457d8394527ca29d021b Mon Sep 17 00:00:00 2001 From: shankar ambady Date: Tue, 11 Jun 2024 10:50:17 -0400 Subject: [PATCH 02/39] making margin on breadcrumb 16px --- frontends/mit-open/src/pages/FieldPage/FieldPageSkeleton.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontends/mit-open/src/pages/FieldPage/FieldPageSkeleton.tsx b/frontends/mit-open/src/pages/FieldPage/FieldPageSkeleton.tsx index e8bd76f162..2b26c4171c 100644 --- a/frontends/mit-open/src/pages/FieldPage/FieldPageSkeleton.tsx +++ b/frontends/mit-open/src/pages/FieldPage/FieldPageSkeleton.tsx @@ -41,7 +41,7 @@ const NAV_PATH: { [key: string]: string } = { const NavText = styled(Typography)(({ theme }) => ({ color: theme.custom.colors.lightGray2, - marginBottom: "10px", + marginBottom: "16px", ".current": { color: theme.custom.colors.silverGrayLight, }, From c701be5d5a2b472092b5131609fb2cd9cb52217d Mon Sep 17 00:00:00 2001 From: shankar ambady Date: Tue, 11 Jun 2024 10:57:23 -0400 Subject: [PATCH 03/39] font size adjustments --- frontends/mit-open/src/pages/FieldPage/FieldPageSkeleton.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/frontends/mit-open/src/pages/FieldPage/FieldPageSkeleton.tsx b/frontends/mit-open/src/pages/FieldPage/FieldPageSkeleton.tsx index 2b26c4171c..f97c9060a6 100644 --- a/frontends/mit-open/src/pages/FieldPage/FieldPageSkeleton.tsx +++ b/frontends/mit-open/src/pages/FieldPage/FieldPageSkeleton.tsx @@ -109,7 +109,7 @@ const FieldSkeletonProps: React.FC = ({ field={field.data} /> ) : ( - + = ({ my: 2, }} > - + {displayConfiguration.sub_heading} From 3e271da2c53b989934ae792a53ce1c06477509d6 Mon Sep 17 00:00:00 2001 From: shankar ambady Date: Tue, 11 Jun 2024 11:04:49 -0400 Subject: [PATCH 04/39] fixing width for right panel --- .../src/page-components/ChannelDetails/ChannelDetails.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontends/mit-open/src/page-components/ChannelDetails/ChannelDetails.tsx b/frontends/mit-open/src/page-components/ChannelDetails/ChannelDetails.tsx index abff890531..7a7e923de6 100644 --- a/frontends/mit-open/src/page-components/ChannelDetails/ChannelDetails.tsx +++ b/frontends/mit-open/src/page-components/ChannelDetails/ChannelDetails.tsx @@ -127,7 +127,7 @@ const InfoLabel = styled(Typography)(({ theme }) => ({ const ChannelDetailsCard = styled(Box)(({ theme }) => ({ borderRadius: "12px", backgroundColor: "white", - minWidth: "300px", + minWidth: "408px", padding: "32px", display: "flex", flexDirection: "column", From 6032b847000836b61189e08dfb6b1df23174c223 Mon Sep 17 00:00:00 2001 From: shankar ambady Date: Tue, 11 Jun 2024 11:10:57 -0400 Subject: [PATCH 05/39] adding mail outline icon --- .../SearchSubscriptionToggle/SearchSubscriptionToggle.tsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/frontends/mit-open/src/page-components/SearchSubscriptionToggle/SearchSubscriptionToggle.tsx b/frontends/mit-open/src/page-components/SearchSubscriptionToggle/SearchSubscriptionToggle.tsx index 1c5c99e431..fd852e1f1d 100644 --- a/frontends/mit-open/src/page-components/SearchSubscriptionToggle/SearchSubscriptionToggle.tsx +++ b/frontends/mit-open/src/page-components/SearchSubscriptionToggle/SearchSubscriptionToggle.tsx @@ -10,6 +10,7 @@ import type { SimpleMenuItem } from "ol-components" import ExpandMoreSharpIcon from "@mui/icons-material/ExpandMoreSharp" import { useUserMe } from "api/hooks/user" import { SourceTypeEnum } from "api" +import MailOutlineIcon from "@mui/icons-material/MailOutline" const SearchSubscriptionToggle = ({ searchParams, @@ -71,6 +72,7 @@ const SearchSubscriptionToggle = ({