Update styling on forum

webkom · Feb 20, 2024 · edbfeb9 · edbfeb9
1 parent 7cba833
commit edbfeb9
Show file tree

Hide file tree

Showing 7 changed files with 20 additions and 8 deletions.
diff --git a/app/actions/ForumActions.ts b/app/actions/ForumActions.ts
@@ -107,7 +107,7 @@ export function createThread(thread: CreateThread) {
     types: Thread.CREATE,
     endpoint: '/threads/',
     method: 'POST',
-    body: thread ,
+    body: thread,
     schema: threadSchema,
     meta: {
       errorMessage: 'Opprettelse av tråd feilet',

diff --git a/app/components/Search/utils.tsx b/app/components/Search/utils.tsx
@@ -36,7 +36,7 @@ const LINKS: Array<Link> = [
   },
   {
     key: 'forum',
-    title: 'AbaQuery',
+    title: 'Forum',
     icon: 'chatbubbles-outline',
     url: '/forum',
   },

diff --git a/app/routes/forum/components/ForumDetail.tsx b/app/routes/forum/components/ForumDetail.tsx
@@ -55,8 +55,7 @@ const ForumDetail = () => {
             </NavigationTab>
 
             <h1> {forum.title}</h1>
-            <Flex column></Flex>
-            {forum.description}
+            <p className="secondaryFontColor">{forum.description}</p>
             <ThreadList forumId={parseInt(forumId)} threadIds={forum.threads} />
           </ContentMain>
         </Content>

diff --git a/app/routes/forum/components/ForumList.css b/app/routes/forum/components/ForumList.css
@@ -7,18 +7,28 @@
   padding: 0.9375em 1.25em 0.9375em 1em;
   margin: 1em 0;
 
+  & h4,
+  h2 {
+    color: var(--lego-font-color);
+  }
+
   &:hover {
     background-color: rgba(255, 0, 0, var(--color-red-hover-alpha));
   }
 }
 
 .threadEntry {
-  border-left: 8px solid var(--color-blue-6);
+  border-left: 8px solid var(--lego-font-color);
   justify-content: space-between;
   transition: background-color var(--easing-fast);
   padding: 0.9375em 1.25em 0.9375em 1em;
   margin: 1em 0;
 
+  & h4,
+  h2 {
+    color: var(--lego-font-color);
+  }
+
   &:hover {
     background-color: rgba(255, 0, 0, var(--color-red-hover-alpha));
   }

diff --git a/app/routes/forum/components/ForumList.tsx b/app/routes/forum/components/ForumList.tsx
@@ -21,7 +21,7 @@ const ForumList = () => {
     <LoadingIndicator loading={fetching}>
       <Content>
         <ContentMain>
-          <h1>Abaquery</h1>
+          <h1>Forum</h1>
           {actionGrant.includes('create') && (
             <NavigationLink to="/forum/new">Nytt forum</NavigationLink>
           )}

diff --git a/app/routes/forum/components/ForumListEntry.tsx b/app/routes/forum/components/ForumListEntry.tsx
@@ -16,7 +16,10 @@ const ForumListEntry = ({
       <Link to={`/forum/${subForum.id}`}>
         <h2>{subForum.title}</h2>
         <div>
-          <h4>{subForum.description}</h4>
+          <h4>
+            {subForum.description.substring(0, 100)}
+            {subForum.description.length > 100 ? '...' : ''}
+          </h4>
         </div>
       </Link>
     </Flex>

diff --git a/app/routes/forum/components/ThreadList.tsx b/app/routes/forum/components/ThreadList.tsx
@@ -34,7 +34,7 @@ const ThreadList = ({
     <LoadingIndicator loading={fetching}>
       <Content>
         <ContentMain>
-          <h1>Tråder</h1>
+          <h1>Tråder 🧶</h1>
           <Flex column>
             {threads?.map((t: PublicThread) => (
               <ThreadListEntry thread={t} className={''} key={t.id} />