new focal histo

progenetix · Jul 10, 2024 · 5590a11 · 5590a11
1 parent 9b40448
commit 5590a11
Show file tree

Hide file tree

Showing 3 changed files with 136 additions and 5 deletions.
diff --git a/public/img/9p-example-histogram.svg b/public/img/9p-example-histogram.svg
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -8,7 +8,7 @@ import { SITE, SITE_DEFAULTS, tryFetch } from "../hooks/api"
 
 const imgFocal = {
   float: "right",
-  width: "250px",
+  width: "300px",
   border: "0px",
   margin: "-35px -20px 0px 10px"
 }
@@ -68,8 +68,11 @@ export default function Index({
       Cancer Types pages with visualization and sample retrieval options. Below is
       a typical example of the aggregated CNV data in {randomSubset.count} samples
       in{" "}{randomSubset.label}{" "} with the frequency of regional{" "}
-      <span className="span-gain-color">copy number gains</span> and{" "}
-      <span className="span-loss-color">losses</span> displayed for the 22 autosomes.
+      <span className="span-dup-color">copy number gains</span>{" "}
+      (<span className="span-hldup-color">high level</span>){" "}and{" "}
+      <span className="span-del-color">losses</span>{" "}
+      (<span className="span-hldel-color">high level</span>){" "}
+      displayed for the 22 autosomes.
       <SubsetHistogram datasetIds={SITE_DEFAULTS.DATASETID} id={randomSubset.id} />
     </p>
 

diff --git a/src/styles/main.scss b/src/styles/main.scss
@@ -50,14 +50,22 @@ body {
   color: #3333ff;
   font-weight: 700;
 }
-.span-loss-color {
+.span-del-color {
   color: #33a0ff;
   font-weight: 700;
 }
-.span-gain-color {
+.span-dup-color {
   color: #ffc633;
   font-weight: 700;
 }
+.span-hldel-color {
+  color: #0033cc;
+  font-weight: 700;
+}
+.span-hldup-color {
+  color: #ff6600;
+  font-weight: 700;
+}
 .span-purple {
   color: #ff33ff;
   font-weight: 700;