Skip to content

Commit

Permalink
fix: Fix disappearing sidebar [PT-187321139]
Browse files Browse the repository at this point in the history
Changed svg graph to use calculated height and 100% width to force svg to stay within the graph container.

Also added 10px gap to toolbar between top and bottom button groups.
  • Loading branch information
dougmartin committed Apr 5, 2024
1 parent 32b1bd6 commit 5e8c354
Show file tree
Hide file tree
Showing 3 changed files with 5 additions and 2 deletions.
2 changes: 2 additions & 0 deletions src/components/app.scss
Original file line number Diff line number Diff line change
Expand Up @@ -65,6 +65,8 @@
margin: 10px;

.left {
overflow: hidden;

display: flex;
flex-direction: column;
justify-content: space-between;
Expand Down
4 changes: 2 additions & 2 deletions src/components/graph.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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}
/>
Expand Down
1 change: 1 addition & 0 deletions src/components/toolbar.scss
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@
border-radius: 3px;
background-color: #dddddd7f;
justify-content: space-between;
gap: 10px;

button {
width: 32px;
Expand Down

0 comments on commit 5e8c354

Please sign in to comment.