Adds underline to hyperlink (fixes #233)

khulnasoft-lab · Feb 27, 2024 · 55b29cb · 55b29cb
1 parent 2e4d85c
commit 55b29cb
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/web/src/components/psc/checklist-table.tsx b/web/src/components/psc/checklist-table.tsx
@@ -5,6 +5,8 @@ import Icon from "~/components/core/icon";
 import type { Priority, Section, Checklist } from '../../types/PSC';
 import { marked } from "marked";
 import { useLocalStorage } from "~/hooks/useLocalStorage";
+import styles from './psc.module.css';
+
 
 export default component$((props: { section: Section }) => {
 
@@ -301,7 +303,7 @@ export default component$((props: { section: Section }) => {
                   {item.priority}
                 </div>
               </td>
-              <td dangerouslySetInnerHTML={parseMarkdown(item.details)}></td>
+              <td class={styles.checklistItemDescription} dangerouslySetInnerHTML={parseMarkdown(item.details)}></td>
             </tr>
           )}
         )}

diff --git a/web/src/components/psc/psc.module.css b/web/src/components/psc/psc.module.css
@@ -3,3 +3,9 @@
   /* I couldn't figure out how to do this with Tailwind.... */
   grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
 }
+
+.checklistItemDescription {
+  a {
+    text-decoration: underline;
+  }
+}