minor erros fixed after sep 27 user study

poloclub · Sep 27, 2023 · 97de6dc · 97de6dc
1 parent e5b10da
commit 97de6dc
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 7 deletions.
diff --git a/js/architecture.js b/js/architecture.js
@@ -162,7 +162,7 @@ d3.select("#your-text-prompt")
     .text("Click to see how modifying this phrase changes generated image")
 d3.selectAll("#prompt-selector-dropdown-box-container .prompt-keyword")
     .style("cursor", window.compare?"":"pointer")
-    .style("font-weight", window.compare?"700":"400")
+    .style("font-weight", window.compare?"700":"700")
     .style("text-decoration", window.compare?"none":"underline")
     .on("mouseover", (e) => {
         if (window.compare) return 
@@ -174,7 +174,7 @@ d3.selectAll("#prompt-selector-dropdown-box-container .prompt-keyword")
     })
     .on("mouseout", (e) => {
         if (window.compare) return 
-        d3.selectAll("#prompt-selector-dropdown-box-container .prompt-keyword").style("font-weight", "")
+        d3.selectAll("#prompt-selector-dropdown-box-container .prompt-keyword").style("font-weight", "700")
         d3.select("#prompt-keyword-popup-container").style("display", "none")
     })
     .on("click", () => {
@@ -290,7 +290,7 @@ d3.select("#text-vector-generator-latent-denoiser-text")
                 .transition()
                     .duration(500)
                     .style("opacity", "1")
-                    .style("left", "347px")
+                    .style("left", window.compare?"152px":"347px")
         }
     })
 

diff --git a/js/function.js b/js/function.js
@@ -38,7 +38,7 @@ function promptChanged() {
 
     d3.selectAll("#prompt-selector-dropdown-box-container .prompt-keyword")
         .style("cursor", window.compare?"":"pointer")
-        .style("font-weight", window.compare?"700":"400")
+        .style("font-weight", window.compare?"700":"700")
         .style("text-decoration", window.compare?"none":"underline")
         .on("mouseover", (e) => {
             if (window.compare) return 
@@ -50,7 +50,7 @@ function promptChanged() {
         })
         .on("mouseout", (e) => {
             if (window.compare) return 
-            d3.selectAll("#prompt-selector-dropdown-box-container .prompt-keyword").style("font-weight", "")
+            d3.selectAll("#prompt-selector-dropdown-box-container .prompt-keyword").style("font-weight", "700")
             d3.select("#prompt-keyword-popup-container").style("display", "none")
         })
         .on("click", () => {
@@ -1818,7 +1818,7 @@ function offCompare () {
     d3.selectAll("#prompt-selector-dropdown-box-container .prompt-keyword")
         .transition()
         .duration(animationDuration)
-            .style("font-weight", "400")
+            .style("font-weight", "700")
             .style("color", "#276419")
             .style("cursor", "pointer")
             .style("text-decoration", "underline")

diff --git a/style.css b/style.css
@@ -1007,7 +1007,7 @@ input:checked + .slider:before {
     background-color: var(--text0);
     color: var(--text4);
     border-radius: 5px;
-    border-color: var(--text2);
+    border-color: var(--text3);
     border-width: 1px;
     border-style: solid;
     font-size: 18px;
@@ -1793,6 +1793,11 @@ input:checked + .slider:before {
     padding: 4px;
     text-align: center;
     cursor: pointer;
+    user-select: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -ms-user-select: none;
 }
 
 #global-umap-zoom-in-button {
@@ -1874,6 +1879,11 @@ input:checked + .slider:before {
     transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     pointer-events: none;
+    user-select: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -ms-user-select: none;
 }
 
 .controller-button#controller-button-play {