From 8178035d18b5b67b555d4d14008b3d6ce1abbe16 Mon Sep 17 00:00:00 2001
From: Himadri Bhattacharjee <107522312+lavafroth@users.noreply.github.com>
Date: Mon, 15 Sep 2025 17:36:42 +0530
Subject: [PATCH] feat: table with code is now wrapped if the code is too long

---
 themes/paprika/assets/app.css | 58 ++++++++++-------------------------
 1 file changed, 16 insertions(+), 42 deletions(-)

diff --git a/themes/paprika/assets/app.css b/themes/paprika/assets/app.css
index c3e54c3d..25d9f916 100644
--- a/themes/paprika/assets/app.css
+++ b/themes/paprika/assets/app.css
@@ -200,7 +200,6 @@ textarea {
   background: transparent;
   border: 0;
   outline: none !important;
-  -webkit-appearance: none;
 }
 
 button,
@@ -557,18 +556,24 @@ img {
       font-size: 2.6rem;
       text-align: left;
     }
-  }
 
-  table th,
-  table:not(.highlighttable) td {
-    word-break: normal;
-    padding: 1.5rem 1rem;
-    line-height: 1.5;
-    border-bottom: 1px solid var(--fog);
-  }
+    th,
+    td {
+      word-break: normal;
+      padding: 1.5rem 1rem;
+      line-height: 1.5;
+      border-bottom: 1px solid var(--fog);
+    }
 
-  table:not(.highlighttable) td code:only-of-type {
-    margin-inline: 0;
+    td:has(code) {
+      inline-size: var(--wide);
+      word-break: break-all;
+      overflow-wrap: break-word;
+    }
+
+    td code:only-of-type {
+      margin-inline: 0;
+    }
   }
 
   .highlight,
@@ -588,37 +593,6 @@ img {
     margin-bottom: 0;
   }
 
-  /* table */
-  .highlighttable {
-    table-layout: fixed;
-
-    td:first-of-type {
-      width: 5rem;
-    }
-
-    td {
-      .linenodiv {
-        padding-right: 0 !important;
-      }
-
-      .linenodiv pre,
-      .highlight {
-        margin-bottom: 0;
-      }
-
-      .highlight pre code::-webkit-scrollbar {
-        display: none;
-      }
-    }
-
-    .highlight span
-
-    /* inline */
-      {
-      background: transparent !important;
-    }
-  }
-
   code {
     padding: 0.5rem 1rem;
     margin-inline: 0.5rem;