From 73190cc76321c6d49ea67f7f23c28da3b1981e4b Mon Sep 17 00:00:00 2001
From: Theo Sanderson <theo@theo.io>
Date: Wed, 15 Feb 2023 14:23:25 +0000
Subject: [PATCH] update

---
 src/App.css | 16 +++++++++++++++-
 src/App.js  |  4 ++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/App.css b/src/App.css
index bd6213e..fc8d842 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,3 +1,17 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
\ No newline at end of file
+@tailwind utilities;
+
+.stripybg {
+    width: 240px;
+    height: 240px;
+    background-color: #fff;
+    background-image: linear-gradient(0deg, transparent 99%, #eee 1%);
+    background-size: 60px 80px;
+    background-repeat: repeat;
+  }
+
+.whitebg{
+    background-color: #fff;
+
+}
\ No newline at end of file
diff --git a/src/App.js b/src/App.js
index e762ef8..825d30f 100644
--- a/src/App.js
+++ b/src/App.js
@@ -390,9 +390,11 @@ const SingleRow = ({ parsedSequence, rowStart, rowEnd, setHoveredInfo, rowId, se
               >
                 {codon.aminoAcid}
               </text>
+              {codon.start >2 &&
               <text key={"bb"+j} x={codon.start*10} y={y-1} textAnchor="middle" fontSize="7" fillOpacity={0.4}>
                 {codon.codonIndex+1}
               </text>
+        }
               
               </>
             );
@@ -728,6 +730,7 @@ function App() {
             width: '100%',
             position: 'relative',
           }}
+          className="stripybg"
         >
          <div
           style={{
@@ -739,6 +742,7 @@ function App() {
               virtualItems[0].start - rowVirtualizer.options.scrollMargin
             }px)`,
           }}
+          className="whitebg"
         >
          
           {virtualItems.map((virtualitem) => {