update

theosanderson · Feb 15, 2023 · 73190cc · 73190cc · vercel · Feb 15, 2023
1 parent 28c29e0
commit 73190cc
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/src/App.css b/src/App.css
@@ -1,3 +1,17 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@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;
+
+}
diff --git 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) => {