h1 updates (bcgov#2198)

jadmsaadaot · Sep 15, 2023 · ee33b61 · ee33b61
1 parent 905c20c
commit ee33b61
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 9 deletions.
diff --git a/met-web/src/components/banner/BannerWithoutImage.tsx b/met-web/src/components/banner/BannerWithoutImage.tsx
@@ -6,7 +6,6 @@ const BannerWithoutImage = ({ children }: BannerProps) => {
     return (
         <Box
             sx={{
-                // backgroundColor: isDraft ? '#707070' : '#F2F2F2',
                 backgroundColor: '#F2F2F2',
                 width: '100%',
                 position: 'relative',

diff --git a/met-web/src/components/common/index.tsx b/met-web/src/components/common/index.tsx
@@ -18,7 +18,7 @@ import EditIcon from '@mui/icons-material/Edit';
 import HighlightOffIcon from '@mui/icons-material/HighlightOff';
 import { Palette } from 'styles/Theme';
 import LoadingButton from '@mui/lab/LoadingButton';
-import { MET_Header_Font_Family, MET_Header_Font_Weight } from '../../styles/constants';
+import { MET_Header_Font_Family, MET_Font_Weight, MET_Header_Font_Weight } from '../../styles/constants';
 import { When } from 'react-if';
 import ReactPlayer from 'react-player';
 
@@ -325,8 +325,9 @@ export const MetHeader1 = ({ bold, children, sx, ...rest }: HeaderProps) => {
         <Typography
             sx={{
                 ...sx,
-                fontSize: '2.3rem',
-                fontWeight: bold ? 'bold' : MET_Header_Font_Weight,
+                fontSize: '1.5rem',
+                lineHeight: 1.25,
+                fontWeight: MET_Header_Font_Weight,
                 fontFamily: MET_Header_Font_Family,
             }}
             variant="h1"
@@ -342,7 +343,7 @@ export const MetHeader2 = ({ bold, children, sx, ...rest }: HeaderProps) => {
             sx={{
                 ...sx,
                 fontSize: '1.9rem',
-                fontWeight: bold ? 'bold' : MET_Header_Font_Weight,
+                fontWeight: MET_Header_Font_Weight,
                 fontFamily: MET_Header_Font_Family,
             }}
             variant="h2"
@@ -358,7 +359,7 @@ export const MetHeader3 = ({ bold, children, sx, ...rest }: HeaderProps) => {
             sx={{
                 ...sx,
                 fontSize: '1.5rem',
-                fontWeight: bold ? 'bold' : MET_Header_Font_Weight,
+                fontWeight: MET_Header_Font_Weight,
                 fontFamily: MET_Header_Font_Family,
             }}
             variant="h3"
@@ -375,7 +376,7 @@ export const MetHeader4 = ({ bold, color, children, sx, ...rest }: HeaderProps)
             sx={{
                 ...sx,
                 fontSize: '1.3rem',
-                fontWeight: bold ? 'bold' : MET_Header_Font_Weight,
+                fontWeight: MET_Header_Font_Weight,
                 fontFamily: MET_Header_Font_Family,
             }}
             variant="h4"
@@ -393,7 +394,7 @@ export const MetBody = ({ bold, children, sx, ...rest }: HeaderProps) => {
                 ...sx,
                 fontSize: '16px',
                 fontFamily: MET_Header_Font_Family,
-                fontWeight: bold ? 'bold' : MET_Header_Font_Weight,
+                fontWeight: bold ? 'bold' : MET_Font_Weight,
             }}
             {...rest}
         >

diff --git a/met-web/src/components/engagement/view/EngagementInfoSection.tsx b/met-web/src/components/engagement/view/EngagementInfoSection.tsx
@@ -37,6 +37,7 @@ const EngagementInfoSection = ({ savedEngagement, children }: EngagementInfoSect
                 position: 'absolute',
                 top: '0px',
                 left: '0px',
+                pt: 0,
             }}
         >
             <Grid
@@ -51,6 +52,7 @@ const EngagementInfoSection = ({ savedEngagement, children }: EngagementInfoSect
                     backgroundColor: 'rgba(242, 242, 242, 0.95)',
                     padding: '1em',
                     margin: '1em',
+                    paddingTop: 0,
                 }}
                 m={{ lg: '3em 5em 0 3em', md: '3em', sm: '1em' }}
                 spacing={1}

diff --git a/met-web/src/components/landing/LandingComponent.tsx b/met-web/src/components/landing/LandingComponent.tsx
@@ -67,6 +67,7 @@ const LandingComponent = () => {
                             sx={{
                                 backgroundColor: 'rgba(242, 242, 242, 0.95)',
                                 padding: '1em',
+                                pt: 0,
                                 margin: '1em',
                                 maxWidth: '90%',
                             }}

diff --git a/met-web/src/styles/constants.ts b/met-web/src/styles/constants.ts
@@ -1,2 +1,3 @@
 export const MET_Header_Font_Family = "'BCSans', 'Noto Sans', Verdana, Arial, sans-serif";
-export const MET_Header_Font_Weight = 500;
+export const MET_Header_Font_Weight = 700;
+export const MET_Font_Weight = 500;