Improved settings and cleaned up the CSS (#148)

* Updated and improved settings API * Adapted CSS * Update CSS * CSS cleanup * Remove dead class * Fix to UUID based traversal * Fix lagging behind draw call * Fix CFG List initialization * Update ISEdge label for assignments
spcl · Jun 13, 2024 · a4c679e · a4c679e
1 parent 0367d50
commit a4c679e
Show file tree

Hide file tree

Showing 25 changed files with 756 additions and 735 deletions.
diff --git a/index.html b/index.html
@@ -16,11 +16,10 @@
 </head>
 
 <body class="sdfv">
-    <div class="w3-sidebar w3-bar-block w3-card w3-animate-right"
-        style="display:none;right:0;" id="sidebar">
+    <div class="w3-sidebar" style="display:none;right:0;" id="sidebar">
         <div class="dragbar" id="dragbar"></div>
         <div class="sidebar-inner">
-            <button id="menuclose" class="w3-bar-item w3-button w3-large">
+            <button id="menuclose" class="w3-sidebar-close">
                 Close &times;
             </button>
             <h3 id="sidebar-header">
@@ -30,27 +29,27 @@ <h3 id="sidebar-header">
         </div>
     </div>
     <div class="container-fluid" id="header-container">
-        <div class="row g-2">
+        <div class="row g-2 mb-2">
             <div class="col-auto">
                 <input type="file" id="sdfg-file-input"
                     accept=".sdfg,.json,.sdfgz,.sdfg.gz"
                     class="form-control form-control-sm">
             </div>
             <div class="col-auto">
-                <button class="btn btn-sm btn-light btn-sdfv-light" id="reload">
+                <button class="btn btn-sm btn-light" id="reload">
                     Refresh
                 </button>
             </div>
             <div class="col-auto">
-                <button class="btn btn-sm btn-light btn-sdfv-light" id="outline">
+                <button class="btn btn-sm btn-light" id="outline">
                     SDFG Outline
                 </button>
             </div>
             <div class="col-auto">
                 <input type="file" accept=".json" id="instrumentation-report-file-input"
                        style="display: none;">
                 <button id="load-instrumentation-report-btn"
-                    class="btn btn-sm btn-light btn-sdfv-light"
+                    class="btn btn-sm btn-light"
                     onclick="document.getElementById('instrumentation-report-file-input').click();">
                     Load Instrumentation Report
                 </button>
@@ -61,7 +60,7 @@ <h3 id="sidebar-header">
                 <div class="input-group">
                     <input id="search" type="text" class="form-control form-control-sm"
                         placeholder="Search in graph elements">
-                    <button id="search-btn" class="btn btn-sm btn-light btn-sdfv-light">
+                    <button id="search-btn" class="btn btn-sm btn-light">
                         Search
                     </button>
                 </div>
@@ -76,7 +75,7 @@ <h3 id="sidebar-header">
             </div>
             <div class="col-auto">
                 <div class="dropdown">
-                    <button class="btn btn-sm btn-light btn-sdfv-light dropdown-toggle" type="button"
+                    <button class="btn btn-sm btn-light dropdown-toggle" type="button"
                         data-bs-toggle="dropdown">
                         Advanced Search
                     </button>
@@ -95,7 +94,7 @@ <h3 id="sidebar-header">
 }
 return false;
 };</textarea>
-                        <button id="advsearch-btn" class="btn btn-light btn-sdfv-light">
+                        <button id="advsearch-btn" class="btn btn-light">
                             Search
                         </button>
                     </form>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@spcl/sdfv",
-    "version": "1.2.6",
+    "version": "1.2.7",
     "description": "A standalone viewer for SDFGs",
     "homepage": "https://github.com/spcl/dace-webclient",
     "main": "out/index.js",
@@ -78,8 +78,7 @@
         "coffeequate": "^1.3.0",
         "dagre": "^0.8.5",
         "jquery": "^3.6.3",
-        "material-icons": "^1.13.12",
-        "material-symbols": "^0.14.3",
+        "material-symbols": "^0.19.0",
         "mathjs": "^12.2.1",
         "monaco-editor": "^0.45.0",
         "patch-package": "^8.0.0",