Improvements to table/code styling

asgrim · Jan 24, 2025 · 40b1513 · 40b1513
1 parent 688b47c
commit 40b1513
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/.github/docs/templates/online.twig b/.github/docs/templates/online.twig
@@ -5,6 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>PIE Documentation</title>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.22.0/themes/prism.css" rel="stylesheet" />
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" rel="stylesheet" />
     <style>
         .selected {
             background-color: #7A86B8;
@@ -82,6 +84,10 @@
      * @param {string} title
      */
     function loadDocBookNavigation(title) {
+        document.querySelectorAll('table').forEach((table) => {
+            table.classList.add("table");
+        })
+
         /**
          * @param {NodeListOf<HTMLElement>} unselectedListElements
          * @param {HTMLElement} selectedListElement
@@ -219,5 +225,7 @@
 
     loadDocBookNavigation("PIE Documentation");
 </script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.js"></script>
 </body>
 </html>
diff --git a/docs/extension-maintainers.md b/docs/extension-maintainers.md
@@ -137,7 +137,7 @@ specify a default value in the `configure-options` definition.
 The `build-path` setting may be used if your source code is not in the root
 of your repository. For example, if your repository structure is like:
 
-```
+```text
 /
   docs/
   src/

diff --git a/docs/usage.md b/docs/usage.md
@@ -197,7 +197,7 @@ functionality, or to provide paths to libraries not automatically detected.
 In order to determine what configure options are available for an extension,
 you may use `pie info <vendor>/<package>` which will return a list, such as:
 
-```
+```text
 Configure options:
     --enable-some-functionality  (whether to enable some additional functionality provided)
     --with-some-library-name=?  (Path for some-library)
-Original file line number
+Diff line change
@@ Expand Up @@
     The `build-path` setting may be used if your source code is not in the root
     of your repository. For example, if your repository structure is like:
-    ```
+    ```text
     /
       docs/
       src/
@@ Expand Down @@