added selected id

CodenameCrew · Sep 5, 2024 · 9602a66 · 9602a66
1 parent 6b7f373
commit 9602a66
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/src/index.js b/src/index.js
@@ -56,7 +56,6 @@ function buildHtml() {
 	for (i of filenames) {
 		var parsedName = path.parse(i);
 		var ext = parsedName.ext;
-		console.log(i);
 		if (ext == "" && !fs.existsSync("./export/" + realPath + i))
 			fs.mkdirSync("./export/" + realPath + i, {recursive: true});
 		if (ext == ".png" || ext == ".jpg" || ext == ".jpeg" || ext == ".gif") {
@@ -67,8 +66,13 @@ function buildHtml() {
 			var vars = {
 				title: filename.replace(".md", ""),
 				content: renderer.render(fs.readFileSync("./src/docs/" + i, 'utf8')),
-				sidebar: sidebar
+				sidebar: sidebar.replace(`href="/${i.replace(".md", ".html").replaceAll("\\", "/")}"`, `href="/${i.replace(".md", ".html").replaceAll("\\", "/")}" id="selected"`)
 			};
+			console.log(i);
+			if (i == "/Modding The Engine/index.html") {
+				console.log(sidebar);
+				console.log(`href="/${i.replace(".md", ".html")}" id="selected"`);
+			}
 
 			var html = Mustache.render(templatePage, vars, null, {
 				escape: function(text) {

diff --git a/src/style.css b/src/style.css
@@ -16,6 +16,7 @@ body {
 
 .sidebar-wrapper {
   width: fit-content;
+  display: inline-block;
 }
 .sidebar {
   height: calc(100vh);
@@ -61,6 +62,9 @@ body {
 .sidebar-list-item>a:hover {
   background: rgba(255, 255, 255, 0.05);
 }
+.sidebar-list-item>#selected {
+  background: purple;
+}
 
 /*li:hover:not(:has(li:hover)) {
   background: rgba(255, 255, 255, 0.05);
@@ -96,21 +100,27 @@ img {
   }
 
   .sidebar-wrapper {
-    position: sticky;
+    position: fixed;
     top: 0;
+    left: 0;
     width: 100%;
-    background: rgba(0, 0, 0, 0.7)
+    background: rgba(0, 0, 0, 0.7);
   }
 
   .sidebar {
     display: none;
     width: max-content;
+    position: fixed;
   }
 
   .container:has(.sidebar-button:checked) > .sidebar-wrapper > .sidebar {
     display: inherit;
   }
 
+  .container:has(.sidebar-button:checked) > .sidebar-wrapper {
+    height: 100%;
+  }
+
   ul {
     margin-top: 0;
     list-style: none;