minor changes #133

NilFoundation · Jan 3, 2024 · 4609071 · 4609071
1 parent 993ec0a
commit 4609071
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 19 deletions.
diff --git a/site/src/components/pages/OpenJobs/DottedSection/DottedSection.module.scss b/site/src/components/pages/OpenJobs/DottedSection/DottedSection.module.scss
@@ -24,6 +24,10 @@
   width: 100%;
 }
 
+.bottomLine {
+  composes: line;
+}
+
 .wrapper {
   display: flex;
   justify-content: flex-end;

diff --git a/site/src/components/pages/OpenJobs/DottedSection/DottedSection.tsx b/site/src/components/pages/OpenJobs/DottedSection/DottedSection.tsx
@@ -4,17 +4,6 @@ import WhiteRectangle from 'components/WhiteRectangle'
 import Button from 'components/Button/Button'
 import s from './DottedSection.module.scss'
 
-const whiteRectangleLineMarginTop = 224
-
-const whiteRectangleLineMobileMarginTop = 60
-
-const whiteRectangleLineData = [
-  { id: 1, margin: 0, flexBasis: 275.5 },
-  { id: 2, margin: 0, flexBasis: 275.5 },
-  { id: 3, margin: 96, flexBasis: 275 },
-  { id: 4, margin: 66, flexBasis: 259 },
-]
-
 const DottedSection = () => {
   return (
     <section className={s.container}>
@@ -30,14 +19,10 @@ const DottedSection = () => {
             <WhiteRectangle className={s.line} />
           </div>
         </div>
+        <WhiteRectangle className={s.bottomLine} />
       </DottedCard>
     </section>
   )
 }
 
 export default DottedSection
-
-// <WhiteRectangleLine
-//   marginTop={isMobile ? whiteRectangleLineMobileMarginTop : whiteRectangleLineMarginTop}
-//   data={isMobile ? whiteRectangleLineMobileData : whiteRectangleLineData}
-// />
diff --git a/site/src/components/pages/OpenJobs/Job/Job.module.scss b/site/src/components/pages/OpenJobs/Job/Job.module.scss
@@ -39,10 +39,20 @@
 
 .description {
     grid-column: 2 / 3;
+    font-size: 18px;
+    font-weight: 400;
+    line-height: 24px;
+    color: $gray-300;
     height: 48px;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
     overflow: hidden;
+    text-overflow: ellipsis;
 
     @include mobile {
         grid-column: 1 / 2;
+        -webkit-line-clamp: 4;
+        height: 96px;
     }
 }
diff --git a/site/src/components/pages/OpenJobs/Job/Job.tsx b/site/src/components/pages/OpenJobs/Job/Job.tsx
@@ -22,7 +22,7 @@ export const Job = ({ job: { id, remote, type, title, plainTextDescription } }:
         <HeadingXLarge overrides={getTitleOverrides(!!isMobile)}>{title}</HeadingXLarge>
       </div>
       <div className={s.description}>
-        <LabelLarge overrides={descriptionOverrides}>{plainTextDescription}</LabelLarge>
+        {plainTextDescription}
       </div>
     </Card>
   )

diff --git a/site/src/components/pages/OpenJobs/JobPage/JobPage.tsx b/site/src/components/pages/OpenJobs/JobPage/JobPage.tsx
@@ -38,7 +38,7 @@ const JobPage = ({ job: { title, description, branch, type, id } }: JobPageProps
       )}
       <div className={commonStyles.content}>
         <div className={commonStyles.wrapper}>
-          <HeadingXXLarge overrides={getPageTitleOverrides()}>{title}</HeadingXXLarge>
+          <HeadingXXLarge overrides={getPageTitleOverrides(!!isMobile)}>{title}</HeadingXXLarge>
           <LabelMedium color={PRIMITIVE_COLORS.gray50}>{branch.location}</LabelMedium>
           <LabelMedium color={PRIMITIVE_COLORS.gray50} marginBottom="32px">
             {type}

diff --git a/site/src/styles/freshteamWidget.scss b/site/src/styles/freshteamWidget.scss
@@ -418,7 +418,7 @@
 
 #freshteam-widget .brand-color {
     color: $gray-50 !important;
-    margin-top: 0 !important;
+    margin-top: 32px !important;
     margin-bottom: 32px !important;
 }