graph style fixes

weng-lab · Jul 30, 2024 · f3f148d · f3f148d
1 parent 37b74a8
commit f3f148d
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 17 deletions.
diff --git a/src/components/Graph/ControlPanel.tsx b/src/components/Graph/ControlPanel.tsx
@@ -109,7 +109,6 @@ const ControlPanel: React.FC<ControlPanelProps> = ({
               justifyContent: 'center',
               alignItems: 'center',
               display: 'inline-block',
-              fontFamily: 'Roboto',
             }}
           >
             Controls

diff --git a/src/components/Graph/Graph.tsx b/src/components/Graph/Graph.tsx
@@ -57,7 +57,7 @@ const Graph: React.FC<GraphProps> = ({
   legendNodeLabel,
   legendEdgeLabel,
   order,
-  fontFamily = 'Roboto',
+  fontFamily = 'Arial',
 }) => {
   const cyRef = useRef<Core | null>(null);
 

diff --git a/src/components/Graph/Legend.tsx b/src/components/Graph/Legend.tsx
@@ -61,9 +61,7 @@ const Legend: React.FC<LegendProps> = ({
         padding: '5px',
       }}
     >
-      <Typography
-        style={{ fontSize: '18px', margin: '3px', fontFamily: 'Roboto' }}
-      >
+      <Typography style={{ fontSize: '18px', margin: '3px' }}>
         {legendNodeLabel ? legendNodeLabel : 'Node Type'}
       </Typography>
       {uniqueCat
@@ -108,7 +106,6 @@ const Legend: React.FC<LegendProps> = ({
                     marginLeft: '4px',
                     cursor: 'pointer',
                     fontSize: '14px',
-                    fontFamily: 'Roboto',
                   }}
                   onClick={() => onToggle(category)}
                 >
@@ -157,7 +154,6 @@ const Legend: React.FC<LegendProps> = ({
                     marginLeft: '4px',
                     cursor: 'pointer',
                     fontSize: '14px',
-                    fontFamily: 'Roboto',
                   }}
                   onClick={() => onToggle(category)}
                 >
@@ -171,9 +167,7 @@ const Legend: React.FC<LegendProps> = ({
 
       {edgeType && edgeTypes !== null ? (
         <div>
-          <Typography
-            style={{ fontSize: '18px', margin: '3px', fontFamily: 'Roboto' }}
-          >
+          <Typography style={{ fontSize: '18px', margin: '3px' }}>
             {legendEdgeLabel ? legendEdgeLabel : 'Edge Type'}
           </Typography>
           {edgeTypes.map((category) => {
@@ -214,7 +208,6 @@ const Legend: React.FC<LegendProps> = ({
                     marginLeft: '4px',
                     cursor: 'pointer',
                     fontSize: '14px',
-                    fontFamily: 'Roboto',
                   }}
                   onClick={() => onToggle(category)}
                 >

diff --git a/src/components/Graph/ScaleLegend.tsx b/src/components/Graph/ScaleLegend.tsx
@@ -49,7 +49,6 @@ const ScaleLegend: React.FC<ScaleProps> = ({ scales, width }) => {
           style={{
             margin: '3px 0',
             fontSize: '16px',
-            fontFamily: 'Roboto',
           }}
         >
           Edge Weight Scale:
@@ -60,7 +59,6 @@ const ScaleLegend: React.FC<ScaleProps> = ({ scales, width }) => {
           style={{
             margin: '3px 0',
             fontSize: '14px',
-            fontFamily: 'Roboto',
           }}
         >
           {scaleFormula}
@@ -88,7 +86,6 @@ const ScaleLegend: React.FC<ScaleProps> = ({ scales, width }) => {
               style={{
                 marginLeft: '10px',
                 fontSize: '14px',
-                fontFamily: 'Roboto',
               }}
             >
               {min.toFixed(2)}
@@ -108,7 +105,6 @@ const ScaleLegend: React.FC<ScaleProps> = ({ scales, width }) => {
               style={{
                 marginLeft: '10px',
                 fontSize: '14px',
-                fontFamily: 'Roboto',
               }}
             >
               {mid1.toFixed(2)}
@@ -128,7 +124,6 @@ const ScaleLegend: React.FC<ScaleProps> = ({ scales, width }) => {
               style={{
                 marginLeft: '10px',
                 fontSize: '14px',
-                fontFamily: 'Roboto',
               }}
             >
               {mid2.toFixed(2)}
@@ -148,7 +143,6 @@ const ScaleLegend: React.FC<ScaleProps> = ({ scales, width }) => {
               style={{
                 marginLeft: '10px',
                 fontSize: '14px',
-                fontFamily: 'Roboto',
               }}
             >
               {max.toFixed(2)}