Add oneClickSelect

Add oneClickSelect

public/assets/scaffolding.css

@@ -893,6 +893,10 @@ body .container main article tabset [role=tabpanel] pre, body .container main ar
 	background-color: var(--colour-black-5);
 	font-size: 0.8rem;
 }
+body .container main article tabset [role=tabpanel] pre code:not(.inline), body .container main article .tab-group [role=tabpanel] pre code:not(.inline) {
+	display: block;
+	width: 100%;
+}
 body .container main article p.switch {
 	-webkit-box-align: center;
 	    -ms-flex-align: center;

src/js/_core.js

@@ -59,7 +59,21 @@ const showMessage = (m, s) => {
 	})
 }
 
-
+const oneClickSelect = (e, t = e.currentTarget) => {
+	// In here, "this" is the element
+	var range, selection;
+	if (window.getSelection) {
+		selection = window.getSelection();
+		range = document.createRange();
+		range.selectNodeContents(t);
+		selection.removeAllRanges();
+		selection.addRange(range);
+	} else if (document.body.createTextRange) {
+		range = document.body.createTextRange();
+		range.moveToElementText(t);
+		range.select();
+	}
+}
 
 const getURLVars = () => {
 	var oResult = {};
@@ -182,15 +196,21 @@ module.exports = {
 								 	break;
 								}
 								a.querySelectorAll("code").forEach((c)=> {
-									c.innerHTML = c.innerHTML.replace(/</g, "&lt;");
 									c.classList.add("line-numbers");
+									c.innerHTML = c.innerHTML.replace(/</g, "&lt;");
 									c.classList.add("copy-to-clipboard-button");
-			// add oneclickselect
 								})
 								if (typeof args.success == "function") args.success(a);
 
 								Prism.highlightAll();
 
+								a.querySelectorAll("code").forEach((c)=> {
+									c.onclick = (e) => {
+										oneClickSelect(e);
+									}
+								})
+
+
 								module.exports.colour.positionTooltip();
 								window.onresize = () => {
 									module.exports.colour.positionTooltip();

src/scss/scaffolding.scss

@@ -129,6 +129,10 @@ body {
 					pre {
 						background-color: var(--colour-black-5);
 						font-size: .8rem;
+						code:not(.inline) {
+							display: block;
+							width: 100%;
+						}
 					}
 				};
 				p.switch {