minor improvements

Author: guanglinn

app/thirdparty/assets/prism/plugins/line-numbers/prism-line-numbers-markor.js

@@ -21,25 +21,21 @@ function getNumberDigits(number) {
 }
 
 function adjustLineNumbers() {
-    const preElements = document.querySelectorAll("pre[class*='language-']");
     let fontWidth = -1;
+    const codeElements = document.querySelectorAll("pre > code");
+    codeElements.forEach((element) => {
+        const maxNumber = element.textContent.split("\n").length - 1;
+        if (maxNumber == 0) {
+            return;
+        }
 
-    preElements.forEach((element) => {
-        let codeElement = element.querySelector("pre > code");
-        if (codeElement) {
-            const maxNumber = codeElement.textContent.split("\n").length - 1;
-            if (maxNumber == 0) {
-                return;
-            }
-
-            if (fontWidth == -1) {
-                const canvasContext = document.createElement("canvas").getContext("2d");
-                canvasContext.font = window.getComputedStyle(codeElement, null).getPropertyValue("font");
-                fontWidth = canvasContext.measureText("0").width;
-            }
-
-            const digits = getNumberDigits(maxNumber);
-            element.style.paddingLeft = 2 * fontWidth + digits * fontWidth - digits + "px";
+        if (fontWidth == -1) {
+            const canvasContext = document.createElement("canvas").getContext("2d");
+            canvasContext.font = window.getComputedStyle(element, null).getPropertyValue("font");
+            fontWidth = canvasContext.measureText("0").width;
         }
+
+        const digits = getNumberDigits(maxNumber);
+        element.parentNode.style.paddingLeft = 2 * fontWidth + digits * fontWidth - digits + "px";
     });
 }

app/thirdparty/assets/prism/plugins/toolbar/prism-toolbar.css

@@ -1,60 +1,61 @@
 div.code-toolbar {
-	position: relative;
+    position: relative;
 }
 
 div.code-toolbar > .toolbar {
-	position: absolute;
-	z-index: 10;
-	top: .3em;
-	right: .2em;
-	transition: opacity 0.3s ease-in-out;
-	opacity: 0;
+    position: absolute;
+    z-index: 10;
+    top: 0.3em;
+    right: 0.2em;
+    transition: opacity 0.3s ease-in-out;
+    opacity: 0;
 }
 
 div.code-toolbar:hover > .toolbar {
-	opacity: 1;
+    opacity: 1;
 }
 
 /* Separate line b/c rules are thrown out if selector is invalid. */
 div.code-toolbar:focus-within > .toolbar {
-	opacity: 1;
+    opacity: 1;
 }
 
 div.code-toolbar > .toolbar > .toolbar-item {
-	display: inline-block;
+    display: inline-block;
 }
 
 div.code-toolbar > .toolbar > .toolbar-item > a {
-	cursor: pointer;
+    cursor: pointer;
 }
 
 div.code-toolbar > .toolbar > .toolbar-item > button {
-	background: none;
-	border: 0;
-	color: inherit;
-	font: inherit;
-	line-height: normal;
-	overflow: visible;
-	padding: 0;
-	-webkit-user-select: none; /* for button */
+    background: none;
+    border: 0;
+    color: inherit;
+    font: inherit;
+    line-height: normal;
+    overflow: visible;
+    padding: 0;
+    user-select: none;
+    -webkit-user-select: none;
 }
 
 div.code-toolbar > .toolbar > .toolbar-item > a,
 div.code-toolbar > .toolbar > .toolbar-item > button,
 div.code-toolbar > .toolbar > .toolbar-item > span {
-	color: #aaa;
-	font-size: 0.8em;
-	text-transform: none;
-	background: rgba(215, 215, 215, 0.4);
-	box-shadow: 0 2px 0 0 rgba(150,150,150,0.8);
-	border-radius: 0.5em;
-	display: inline-block;
-	min-width: 80%;
-	max-height: 1.75em;
-	padding-left: 0.45em;
-	padding-right: 0.45em;
-	padding-top: 0.1em;
-	padding-bottom: 0.2em;
+    color: #aaa;
+    font-size: 0.8em;
+    text-transform: none;
+    background: rgba(215, 215, 215, 0.4);
+    box-shadow: 0 2px 0 0 rgba(150, 150, 150, 0.8);
+    border-radius: 0.5em;
+    display: inline-block;
+    min-width: 80%;
+    max-height: 1.75em;
+    padding-left: 0.45em;
+    padding-right: 0.45em;
+    padding-top: 0.1em;
+    padding-bottom: 0.1em;
 }
 
 div.code-toolbar > .toolbar > .toolbar-item > a:hover,
@@ -63,6 +64,6 @@ div.code-toolbar > .toolbar > .toolbar-item > button:hover,
 div.code-toolbar > .toolbar > .toolbar-item > button:focus,
 div.code-toolbar > .toolbar > .toolbar-item > span:hover,
 div.code-toolbar > .toolbar > .toolbar-item > span:focus {
-	color: rgba(0, 0, 200, 0.8);
-	text-decoration: none;
+    color: darkblue;
+    text-decoration: none;
 }

app/thirdparty/assets/prism/prism-markor.js

@@ -1,14 +1,16 @@
 function usePrismCodeBlock() {
     elements = document.querySelectorAll("pre > code");
     elements.forEach(function (element) {
-        if (!element.classList.contains("language-")) {
+        let attribute = element.getAttribute("class");
+        if (attribute == null || attribute.indexOf("language-") == -1) {
             element.classList.add("language-text");
+            Prism.highlightElement(element);
         }
     });
 }
 
 function wrapCodeBlockWords() {
-    let preElements = document.querySelectorAll("pre[class*='language-']");
+    let preElements = document.querySelectorAll("pre");
     preElements.forEach((element) => {
         element.style.whiteSpace = "pre-wrap";
         element.style.overflowWrap = "break-word";