Merge pull request #12 from cmu-delphi/release/v2.0.1

Release v2.0.1

Author: sgratzl

README.md

@@ -10,10 +10,7 @@ The current stable `main` version is deployed at https://cmu-delphi-epivis.netli
 
 The next `dev` version is deployed at https://dev--cmu-delphi-epivis.netlify.app/.
 
-For development, see the
-[EpiVis development guide](docs/epivis_development.md).
-
-Little piece of trivia: the first version of EpiVis was written on 2014-12-22.
+_Little piece of trivia_: the first version of EpiVis was written on 2014-12-22.
 See the git history of this file for a legacy changelog which describes changes
 made prior to the migration to git around 2017.
 
@@ -35,6 +32,12 @@ To lint or check for styling, run
 npm run lint
 ```
 
+To fix all possible linting errors, run
+
+```sh
+npm run fix
+```
+
 To run unit test, run
 
 ```sh

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "www-epivis",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "private": true,
   "license": "MIT",
   "description": "",

package.json

@@ -33,6 +33,7 @@
     border-right: 1px solid grey;
     display: flex;
     flex-direction: column;
+    max-width: 20em;
   }
   .tree {
     margin-top: 1em;

src/components/LeftMenu.svelte

@@ -43,6 +43,9 @@
   }
 
   function keyPress(e: KeyboardEvent) {
+    if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) {
+      return;
+    }
     switch (e.key) {
       case 'f':
         if (chart) {

src/components/TopMenu.svelte

@@ -20,8 +20,10 @@
 
 <div class="tv_node">
   <span on:click={toggleExpanded}>
-    <Fa icon={expanded ? faChevronDown : faChevronRight} style="width: 0.9em" />
-    {node.title}
+    <Fa icon={expanded ? faChevronDown : faChevronRight} style="width: 0.9em; margin-right: 0.5em" />
+    <span>
+      {node.title}
+    </span>
   </span>
   {#if expanded}
     {#each node.datasets as child (child.title)}
@@ -40,5 +42,7 @@
   }
   div.tv_node > span {
     cursor: pointer;
+    display: flex;
+    align-items: center;
   }
 </style>

src/components/tree/TreeInnerNode.svelte

@@ -24,8 +24,10 @@
   title="click to toggle the visibility of this dataset"
   uk-tooltip="pos: right"
 >
-  <Fa icon={selected ? faEye : faEyeSlash} {color} style="width: 1em" />
-  {node.title}
+  <Fa icon={selected ? faEye : faEyeSlash} {color} style="width: 1em; margin-right: 0.5em" />
+  <span>
+    {node.title}
+  </span>
 </div>
 
 <style>
@@ -34,6 +36,8 @@
     cursor: pointer;
     opacity: 0.8;
     transition: opacity 0.125s ease-in-out;
+    display: flex;
+    align-items: center;
   }
   div.tv_node.selected {
     opacity: 1;