Merge pull request #19877 from dvdksn/fix-codespan-wrap

code rendering fixes

Author: dvdksn

assets/css/code.css

@@ -20,7 +20,21 @@
     overflow-wrap: anywhere;
     padding: 0 4px;
     table & {
-      overflow-wrap: nowrap;
+      overflow-wrap: unset;
+    }
+  }
+
+  /* Indented code blocks */
+  :not(.highlight) > pre {
+    @apply my-4 overflow-x-auto p-3;
+    font-size: 0.875em;
+    border: 1px solid;
+    border-radius: theme("spacing.1");
+    background: theme("colors.white");
+    border-color: theme("colors.gray.light.300");
+    .dark & {
+      background: theme("colors.gray.dark.200");
+      border-color: theme("colors.gray.dark.300");
     }
   }
 

hugo_stats.json

@@ -274,6 +274,7 @@
       "lg:grid-cols-3",
       "lg:grid-cols-main-lg",
       "lg:hidden",
+      "lg:max-w-[300px]",
       "lg:no-underline",
       "lg:pb-2",
       "lg:scale-100",
@@ -286,7 +287,6 @@
       "max-h-full",
       "max-w-56",
       "max-w-[1400px]",
-      "max-w-[300px]",
       "max-w-[840px]",
       "max-w-full",
       "max-w-none",

layouts/_default/baseof.html

@@ -25,7 +25,7 @@
            $store.showSidebar = false;
          "
       >
-      <div class="max-w-[300px] ml-auto p-2">
+      <div class="w-full max-w-none lg:max-w-[300px] ml-auto p-2">
         {{ block "left" . }}
         {{ end }}
       </div>