Merge branch 'dev' into feat/add-icon-script

CHANGELOG.md

@@ -6,6 +6,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+## [2.8.1] - 2024-03-09
+
 ### Changed
 
 - Upgrade to ChartJS v4.4.2 ([#817](https://github.com/jpanther/congo/pull/817))
@@ -13,9 +15,11 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ### Fixed
 
+- Table of Contents missing left border detail ([#794](https://github.com/jpanther/congo/issues/794))
 - `x-twitter` option missing when using sharing links ([#809](https://github.com/jpanther/congo/issues/809))
 - Chinese default config contains incorrect `author` block name ([#807](https://github.com/jpanther/congo/pull/807))
 - Links in articles are prefixed with a blank space ([#813](https://github.com/jpanther/congo/pull/813))
+- HTML tables would not fill the container width on desktop ([#826](https://github.com/jpanther/congo/issues/826))
 
 ## [2.8.0] - 2024-01-22
 
@@ -852,7 +856,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Advanced customisation using simple Tailwind colour definitions and styles
 - Fully documented
 
-[Unreleased]: https://github.com/jpanther/congo/compare/v2.8.0...HEAD
+[Unreleased]: https://github.com/jpanther/congo/compare/v2.8.1...HEAD
+[2.8.1]: https://github.com/jpanther/congo/compare/v2.8.0...v2.8.1
 [2.8.0]: https://github.com/jpanther/congo/compare/v2.7.6...v2.8.0
 [2.7.6]: https://github.com/jpanther/congo/compare/v2.7.5...v2.7.6
 [2.7.5]: https://github.com/jpanther/congo/compare/v2.7.4...v2.7.5

assets/css/compiled/main.css

@@ -1,4 +1,4 @@
-/*! Congo v2.8.0 | MIT License | https://github.com/jpanther/congo */
+/*! Congo v2.8.1 | MIT License | https://github.com/jpanther/congo */
 
 /*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */
 
@@ -1254,13 +1254,18 @@ table {
   overflow: auto;
 }
 
+@media (min-width: 768px) {
+  table {
+    display: table;
+  }
+}
+
 /* 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 -- */

assets/css/main.css

@@ -1,4 +1,4 @@
-/*! Congo v2.8.0 | MIT License | https://github.com/jpanther/congo */
+/*! Congo v2.8.1 | MIT License | https://github.com/jpanther/congo */
 
 @tailwind base;
 @tailwind components;
@@ -109,14 +109,13 @@ body:has(#menu-controller:checked) {
 
 /* Fix long tables breaking out of article on mobile */
 table {
-  display: block;
+  @apply block overflow-auto md:table;
-  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 */
+  @apply break-words;
 }
 
 /* -- Chroma Highlight -- */

layouts/partials/toc.html

@@ -1,10 +1,10 @@
 <details open class="-ms-5 mt-0 overflow-hidden rounded-lg ps-5">
   <summary
-    class="-ms-5 block cursor-pointer bg-neutral-100 py-1 ps-5 text-lg font-semibold text-neutral-800 lg:hidden dark:bg-neutral-700 dark:text-neutral-100"
+    class="block cursor-pointer bg-neutral-100 py-1 ps-5 text-lg font-semibold text-neutral-800 dark:bg-neutral-700 dark:text-neutral-100 lg:hidden"
   >
     {{ i18n "article.table_of_contents" }}
   </summary>
-  <div class="-ms-5 border-s border-dotted border-neutral-300 py-2 ps-5 dark:border-neutral-600">
+  <div class="border-s border-dotted border-neutral-300 py-2 ps-5 dark:border-neutral-600">
     {{ .TableOfContents | emojify }}
   </div>
 </details>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hugo-congo-theme",
-  "version": "2.8.0",
+  "version": "2.8.1",
   "description": "Congo theme for Hugo",
   "scripts": {
     "preinstall": "rimraf assets/lib",