Merge pull request #44 from concord-consortium/187321139-refactor-app…

…-layout fix: Fix disappearing sidebar [PT-187321139]
concord-consortium · Apr 5, 2024 · be769b5 · be769b5
2 parents b12d7b1 + 5e8c354
commit be769b5
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/src/components/app.scss b/src/components/app.scss
@@ -65,6 +65,8 @@
     margin: 10px;
 
     .left {
+      overflow: hidden;
+
       display: flex;
       flex-direction: column;
       justify-content: space-between;

diff --git a/src/components/graph.tsx b/src/components/graph.tsx
@@ -764,8 +764,8 @@ export const Graph = (props: Props) => {
   return (
     <div className="graph" ref={wrapperRef} onClick={handleClick}>
       <svg
-        width={width}
-        height={height}
+        width="100%"
+        height="calc(100vh - 20px)"
         viewBox={viewBox}
         ref={svgRef}
       />

diff --git a/src/components/toolbar.scss b/src/components/toolbar.scss
@@ -6,6 +6,7 @@
   border-radius: 3px;
   background-color: #dddddd7f;
   justify-content: space-between;
+  gap: 10px;
 
   button {
     width: 32px;