Update css and js for structure plot feature

Tom-Jenkins · Apr 11, 2024 · d179d93 · d179d93
1 parent 517f256
commit d179d93
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 5 deletions.
diff --git a/inst/www/script.js b/inst/www/script.js
@@ -108,7 +108,17 @@ function renderFeedbackWarning (file, text) {
 // ---------- //
 // Function to clear plotOutput content when Plot Data button is (re)clicked
 // ---------- //
-function clearPlotOutput () {
+function clearPlotOutput (plot) {
+
+  // Do this for map
+  if (plot == "map") {
     document.getElementById("main_plot-admixture_map").textContent = "";
     document.getElementById("main_plot-dropdown_download_bttn").classList.add("hidden");
+  }
+
+  // Do this for bar
+  if (plot == "bar") {
+    document.getElementById("bar_plot-admixture_barplot").textContent = "";
+/*    document.getElementById("main_plot-dropdown_download_bttn").classList.add("hidden");*/
+  }
 };
diff --git a/inst/www/styles.css b/inst/www/styles.css
@@ -49,16 +49,16 @@
   display: none;
 }
 
-#plot_bttn-plot_bttn {
+.plot-bttn {
   margin-top: 5px;
   margin-bottom: 20px;
+  width: 130px;
 }
-#plot_bttn-plot_bttn:active {
+.plot-bttn:active {
   background-color: #14a085;
   border-color: #fff;
 }
-
-#plot_bttn-plot_bttn > i {
+.plot-bttn > i {
   padding-right: 5px;
 }
 
@@ -139,3 +139,7 @@
 .carousel-item img {
   padding-top: 10px;
 }
+
+.param-bttn-100px {
+  width: 100px !important;
+}