From f8d3505d008fd60af96eb207d1eea38eb2e1e5d2 Mon Sep 17 00:00:00 2001 From: samhimes92 Date: Wed, 27 Sep 2023 13:52:07 -0600 Subject: [PATCH] removed header added buttons --- js/script.js | 1 + js/volcano.js | 2 +- mpra_vis.html | 14 +++++++++----- style.css | 20 +++++++++++++++----- 4 files changed, 26 insertions(+), 11 deletions(-) diff --git a/js/script.js b/js/script.js index 7b9fd91..d7c0349 100644 --- a/js/script.js +++ b/js/script.js @@ -77,6 +77,7 @@ let tooltip = d3.select("body") + Promise.all([all_data, sequences, meta_data]).then( data => { // console.log("all data", data[0]) diff --git a/js/volcano.js b/js/volcano.js index b4ce533..4f06987 100644 --- a/js/volcano.js +++ b/js/volcano.js @@ -51,7 +51,7 @@ this.volcanoSvg = this.volcano_div.append("svg") .attr('id', 'volcano_svg') .attr('width', this.WIDTH + 75) .attr('height', this.HEIGHT) - .attr("transform", `translate(0,${100})`) + .attr("transform", `translate(0,${150})`) //********************************************************************************************** // GET MIN AND MAX diff --git a/mpra_vis.html b/mpra_vis.html index 83b4f24..bd1d783 100644 --- a/mpra_vis.html +++ b/mpra_vis.html @@ -11,13 +11,17 @@
-

TRE MPRA VIS

+ + + + +
- The English Lab
+ The English Lab + + - +
diff --git a/style.css b/style.css index f0696ba..cae04ed 100644 --- a/style.css +++ b/style.css @@ -9,6 +9,7 @@ General Div Layout /* flex: 1; */ /* border: 2px solid red; */ border-radius: 10px; + } .right-column { display: flex; @@ -109,7 +110,7 @@ Number DNA/RNA barcodes slider } -/* .view_button{ +.view_button{ border: 2px solid black; background-color: white; color: black; @@ -124,12 +125,24 @@ Number DNA/RNA barcodes slider display: flex; flex-direction: column; cursor: pointer; + position: absolute; + left: 10px; + top: 10px; } #motif_view_button{ display: flex; flex-direction: column; cursor: pointer; -} */ + position: absolute; + left: 300px; + top: 10px; +} + +#lab_link{ + position: absolute; + left: 600px; + top: 10px; +} /* Copy buttons @@ -180,9 +193,6 @@ Condition search bars position: absolute; top: 90px; left: 50px; - font-size: 100%; - - }