Add mission part of the Tracker

Ziktofel · Mar 14, 2024 · 97fecfa · 97fecfa
1 parent a3852ed
commit 97fecfa
Show file tree

Hide file tree

Showing 4 changed files with 1,138 additions and 1,033 deletions.
diff --git a/WebHostLib/static/assets/sc2wolTracker.js b/WebHostLib/static/assets/sc2wolTracker.js
@@ -24,13 +24,13 @@ window.addEventListener('load', () => {
   }, 15000)
 
   // Collapsible advancement sections
-  const categories = document.getElementsByClassName("location-category");
-  for (let i = 0; i < categories.length; i++) {
-    let hide_id = categories[i].id.split('_')[0];
-    if (hide_id == 'Total') {
+  const categories= document.getElementsByClassName("location-category");
+  for (let category of categories) {
+    let hide_id = category.id.split('_')[0];
+    if (hide_id === 'Total') {
       continue;
     }
-    categories[i].addEventListener('click', function() {
+    category.addEventListener('click', function() {
       // Toggle the advancement list
       document.getElementById(hide_id).classList.toggle("hide");
       // Change text of the header

diff --git a/WebHostLib/static/styles/sc2wolTracker.css b/WebHostLib/static/styles/sc2wolTracker.css
@@ -2,7 +2,7 @@
     margin: 0;
 }
 
-#inventory-table td {
+#tracker-table td {
     vertical-align: top;
 }
 
@@ -27,7 +27,7 @@
     background-color: #d2b260;
 }
 
-#inventory-table .inventory-table td{
+#tracker-table .inventory-table td{
     width: 40px;
     height: 40px;
     text-align: center;
@@ -89,20 +89,20 @@
 }
 
 #location-table{
-    width: 710px;
-    border-left: 2px solid #000000;
-    border-right: 2px solid #000000;
-    border-bottom: 2px solid #000000;
-    border-bottom-left-radius: 4px;
-    border-bottom-right-radius: 4px;
-    background-color: #525494;
+    border: 2px solid #000000;
+    border-radius: 4px;
+    background-color: #87b678;
     padding: 10px 3px 3px;
     font-family: "JuraBook", monospace;
     font-size: 16px;
     font-weight: bold;
     cursor: default;
 }
 
+#location-table table{
+    width: 100%;
+}
+
 #location-table th{
     vertical-align: middle;
     text-align: left;
@@ -142,6 +142,19 @@
     padding-left: 16px;
 }
 
+#location-table td:has(.location-column) {
+    vertical-align: top;
+}
+
+#location-table .location-column {
+    width: 100%;
+    height: 100%;
+}
+
+#location-table .location-column .spacer {
+    min-height: 24px;
+}
+
 .hide {
     display: none;
 }