Merge pull request #363 from phpdocker-io/update-html-help

Fix pure css on html zip docs as well as adding extra code styles
phpdocker-io · Nov 24, 2023 · 0bfa685 · 0bfa685
2 parents 36bf044 + 60353c9
commit 0bfa685
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 7 deletions.
diff --git a/src/PHPDocker/Template/README.html.twig b/src/PHPDocker/Template/README.html.twig
@@ -1,14 +1,31 @@
 <html>
 <head>
     <title>PHPDocker.io Readme</title>
-    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/build/pure-min.css" integrity="sha384-X38yfunGUhNzHpBaEBsWLO+A0HDYOQi8ufWDkZ0k9e0eXz/tH3II7uKZ9msv++Ls" crossorigin="anonymous">
 
     <style>
+        * {
+            line-height: 1.8em;
+        }
+
         code {
-            background-color : #ddd;
-            padding          : 2px 5px;
-            font-family      : monospace;
-            font-size        : 16px;
+            font-size: 1.2em;
+            background: #f4f4f4;
+            border: 1px solid #ddd;
+            color: #111;
+            font-family: monospace;
+            padding: 3px;
+        }
+
+        pre code {
+            border-left: 3px solid #f36d33;
+            page-break-inside: avoid;
+            margin-bottom: 1.6em;
+            max-width: 100%;
+            overflow: auto;
+            padding: 1em 1.5em;
+            display: block;
+            word-wrap: break-word;
         }
     </style>
 </head>

diff --git a/src/PHPDocker/Template/README.md.twig b/src/PHPDocker/Template/README.md.twig
@@ -153,7 +153,7 @@ environment:
 * Finally, add “Xdebug helper” extension in your browser, set breakpoints and start debugging
 
 ### Create a launch.json for visual studio code
-
+```
   {
       "version": "0.2.0",
       "configurations": [
@@ -169,4 +169,4 @@ environment:
           }
       ]
   }
-
+```