Merge 8e2de6c6dc into 84a99f1f34

CHANGELOG.md

@@ -13,7 +13,6 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Warning when building if links to Markdown files cannot be resolved ([#691](https://github.com/jpanther/congo/pull/691))
 - Ability to share articles to Telegram and Line ([#719](https://github.com/jpanther/congo/pull/719))
 - New icons for `line` and `google-scholar` ([#719](https://github.com/jpanther/congo/pull/719), [#755](https://github.com/jpanther/congo/pull/755))
-- Table of contents will now scroll if taller than the browser height ([#733](https://github.com/jpanther/congo/pull/733))
 - Korean translation ([#731](https://github.com/jpanther/congo/pull/731))
 
 ### Changed
@@ -28,7 +27,6 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 ### Fixed
 
 - Hamburger menu is not dismissed when links are clicked ([#705](https://github.com/jpanther/congo/pull/705))
-- KaTeX, table and code elements wider than the page are not formatted correctly ([#753](https://github.com/jpanther/congo/pull/753))
 
 ### Removed
 

assets/css/compiled/main.css

@@ -1137,12 +1137,6 @@ body:has(#menu-controller:checked) {
 
 /* Table of Contents */
 
-.toc {
-  max-height: 100vh;
-  overflow-y: auto;
-  padding-bottom: 50px;
-}
-
 .toc ul,
 .toc li {
   list-style-type: none;
@@ -1188,8 +1182,8 @@ body:has(#menu-controller:checked) {
 .copy-button {
   visibility: hidden;
   position: absolute;
-  top: 0px;
   right: 0px;
+  top: 0px;
   z-index: 10;
   width: 5rem;
   cursor: pointer;
@@ -1237,28 +1231,6 @@ body:has(#menu-controller:checked) {
   opacity: 0.05;
 }
 
-/* Fix long KaTeX equations on mobile (see https://katex.org/docs/issues.html#css-customization) */
-
-.katex-display {
-  overflow: auto hidden;
-}
-
-/* Fix long tables breaking out of article on mobile */
-
-table {
-  display: block;
-  overflow: auto;
-}
-
-/* Fix long inline code sections breaking out of article on mobile */
-
-code {
-  word-wrap: break-word;
-  /* All browsers since IE 5.5+ */
-  overflow-wrap: break-word;
-  /* Renamed property in CSS3 draft spec */
-}
-
 /* -- Chroma Highlight -- */
 
 /* Background */

assets/css/main.css

@@ -59,15 +59,9 @@ body:has(#menu-controller:checked) {
 }
 
 /* Table of Contents */
-.toc {
-  max-height: 100vh;
-  overflow-y: auto;
-  padding-bottom: 50px;
-}
-
 .toc ul,
 .toc li {
-  @apply px-0 leading-snug list-none;
+  @apply list-none px-0 leading-snug;
 }
 .toc ul ul {
   @apply ps-4;
@@ -90,7 +84,7 @@ body:has(#menu-controller:checked) {
   @apply visible;
 }
 .copy-button {
-  @apply absolute top-0 right-0 z-10 invisible w-20 py-1 font-mono text-sm cursor-pointer whitespace-nowrap rounded-bl-md rounded-tr-md bg-neutral-200 text-neutral-700 opacity-90 dark:bg-neutral-600 dark:text-neutral-200;
+  @apply invisible absolute right-0 top-0 z-10 w-20 cursor-pointer whitespace-nowrap rounded-bl-md rounded-tr-md bg-neutral-200 py-1 font-mono text-sm text-neutral-700 opacity-90 dark:bg-neutral-600 dark:text-neutral-200;
 }
 .copy-button:hover,
 .copy-button:focus,
@@ -102,40 +96,23 @@ body:has(#menu-controller:checked) {
   @apply absolute -z-10 opacity-5;
 }
 
-/* Fix long KaTeX equations on mobile (see https://katex.org/docs/issues.html#css-customization) */
-.katex-display {
-  overflow: auto hidden;
-}
-
-/* Fix long tables breaking out of article on mobile */
-table {
-  display: block;
-  overflow: auto;
-}
-
-/* Fix long inline code sections breaking out of article on mobile */
-code {
-  word-wrap: break-word; /* All browsers since IE 5.5+ */
-  overflow-wrap: break-word; /* Renamed property in CSS3 draft spec */
-}
-
 /* -- Chroma Highlight -- */
 /* Background */
 .chroma {
-  @apply py-3 rounded-md bg-neutral-50 text-neutral-700 dark:bg-neutral-700 dark:text-neutral-200;
+  @apply rounded-md bg-neutral-50 py-3 text-neutral-700 dark:bg-neutral-700 dark:text-neutral-200;
 }
 .chroma pre {
-  @apply p-0 m-0;
+  @apply m-0 p-0;
 }
 /* LineTable */
 .chroma .lntable {
-  @apply block w-auto m-0 overflow-auto text-base;
+  @apply m-0 block w-auto overflow-auto text-base;
 }
 /* LineNumbersTable */
 /* LineNumbers */
 .chroma .lnt,
 .chroma .ln {
-  @apply px-2 mr-2 text-neutral-600 dark:text-neutral-300;
+  @apply mr-2 px-2 text-neutral-600 dark:text-neutral-300;
 }
 .chroma .lntd {
   @apply p-0 align-top;
@@ -297,7 +274,7 @@ code {
 }
 /* CommentHashbang */
 .chroma .ch {
-  @apply italic font-semibold text-neutral-500 dark:text-neutral-400;
+  @apply font-semibold italic text-neutral-500 dark:text-neutral-400;
 }
 /* GenericEmph */
 .chroma .ge {