Merge pull request #136 from y330/ChromosomeView-Yonah

Removed GeneIcon as per Nick's request
BioAnalyticResource · Aug 8, 2024 · d3799e9 · d3799e9
2 parents 93f1060 + e76f22a
commit d3799e9
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 37 deletions.
diff --git a/Eplant/views/ChromosomeViewer/Viewer/Chromosome.tsx b/Eplant/views/ChromosomeViewer/Viewer/Chromosome.tsx
@@ -183,7 +183,7 @@ const Chromosome: FC<ChromosomeProps> = ({ scale, chromosome }) => {
                 background: theme.palette.background.paper,
                 border: `1.5px solid ${theme.palette.primary.dark}`,
                 p: 0,
-                width: '180px',
+                width: '120px',
                 maxHeight: '100px',
                 minHeight: 30,
                 overflowY: 'scroll',

diff --git a/Eplant/views/ChromosomeViewer/Viewer/GeneList.tsx b/Eplant/views/ChromosomeViewer/Viewer/GeneList.tsx
@@ -75,22 +75,20 @@ const GeneList: FC<GeneListProps> = ({ id, start, end, anchorOrigin }) => {
               key={i}
               disablePadding
               sx={{
-                height: 23,
+                height: 18,
               }}
             >
               {/* GENE LIST ITEM (rendered as  button) */}
               <ListItemButton
                 selected={i === selectedIndex}
                 onClick={handleGeneSelect(gene, i)}
-                sx={{ borderRadius: 0, padding: 0 }}
+                sx={{
+                  height: 18,
+                  borderRadius: 0,
+                  padding: 0,
+                  paddingInline: '2px',
+                }}
               >
-                <ListItemIcon
-                  sx={{
-                    minWidth: 0,
-                  }}
-                >
-                  <GeneIcon height={15} stroke={theme.palette.primary.main} />
-                </ListItemIcon>
                 <ListItemText
                   sx={{
                     '& .MuiListItemText-primary': {

diff --git a/Eplant/views/ChromosomeViewer/icons.tsx b/Eplant/views/ChromosomeViewer/icons.tsx
@@ -38,30 +38,3 @@ export const ChromosomeIcon: FC<IconProps> = ({
     </svg>
   )
 }
-export const GeneIcon: FC<IconProps> = ({
-  width = 24,
-  height = 24,
-  fill = 'none',
-  stroke = 'currentColor',
-  strokeWidth = 2,
-}) => {
-  return (
-    <svg
-      xmlns='http://www.w3.org/2000/svg'
-      width={width}
-      height={height}
-      viewBox='0 0 24 24'
-      fill={fill}
-      stroke={stroke}
-      strokeWidth={strokeWidth}
-      strokeLinecap='round'
-      strokeLinejoin='round'
-      className='icon icon-tabler icons-tabler-outline icon-tabler-dna'
-    >
-      <path stroke='none' d='M0 0h24v24H0z' fill='none' />
-      <path d='M14.828 14.828a4 4 0 1 0 -5.656 -5.656a4 4 0 0 0 5.656 5.656z' />
-      <path d='M9.172 20.485a4 4 0 1 0 -5.657 -5.657' />
-      <path d='M14.828 3.515a4 4 0 0 0 5.657 5.657' />
-    </svg>
-  )
-}