Skip to content

Commit

Permalink
Fix svg offsets
Browse files Browse the repository at this point in the history
  • Loading branch information
@cmdcolin
cmdcolin committed Dec 30, 2024
1 parent 2d579fb commit c008cb8
Show file tree
Hide file tree
Showing 12 changed files with 308 additions and 286 deletions.
18 changes: 9 additions & 9 deletions packages/core/BaseFeatureWidget/__snapshots__/index.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,20 +9,20 @@ exports[`open up a widget 1`] = `
<h3
class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
>
<div
<button
aria-expanded="true"
class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded css-t1q4kr-MuiButtonBase-root-MuiAccordionSummary-root"
role="button"
class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded css-1k8yrap-MuiButtonBase-root-MuiAccordionSummary-root"
tabindex="0"
type="button"
>
<div
class="MuiAccordionSummary-content Mui-expanded css-rof4d7-MuiAccordionSummary-content"
<span
class="MuiAccordionSummary-content Mui-expanded css-q3pzzg-MuiAccordionSummary-content"
>
<span
class="MuiTypography-root MuiTypography-button css-l5w3u1-MuiTypography-root"
/>
</div>
<div
</span>
<span
class="MuiAccordionSummary-expandIconWrapper Mui-expanded css-1wqf3nl-MuiAccordionSummary-expandIconWrapper"
>
<svg
Expand All @@ -36,8 +36,8 @@ exports[`open up a widget 1`] = `
d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
/>
</svg>
</div>
</div>
</span>
</button>
</h3>
<div
class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-qr6njo-MuiCollapse-root"
Expand Down
18 changes: 9 additions & 9 deletions plugins/alignments/src/AlignmentsFeatureDetail/__snapshots__/index.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,22 +14,22 @@ exports[`open up a widget 1`] = `
<h3
class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
>
<div
<button
aria-expanded="true"
class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded css-t1q4kr-MuiButtonBase-root-MuiAccordionSummary-root"
role="button"
class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded css-1k8yrap-MuiButtonBase-root-MuiAccordionSummary-root"
tabindex="0"
type="button"
>
<div
class="MuiAccordionSummary-content Mui-expanded css-rof4d7-MuiAccordionSummary-content"
<span
class="MuiAccordionSummary-content Mui-expanded css-q3pzzg-MuiAccordionSummary-content"
>
<span
class="MuiTypography-root MuiTypography-button css-l5w3u1-MuiTypography-root"
>
ctgA_3_555_0:0:0_2:0... - match
</span>
</div>
<div
</span>
<span
class="MuiAccordionSummary-expandIconWrapper Mui-expanded css-1wqf3nl-MuiAccordionSummary-expandIconWrapper"
>
<svg
Expand All @@ -43,8 +43,8 @@ exports[`open up a widget 1`] = `
d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
/>
</svg>
</div>
</div>
</span>
</button>
</h3>
<div
class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-qr6njo-MuiCollapse-root"
Expand Down
72 changes: 36 additions & 36 deletions .../src/ConfigurationEditorWidget/components/__snapshots__/ConfigurationEditor.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,22 +9,22 @@ exports[`renders all the different types of built-in slots 1`] = `
<h3
class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
>
<div
<button
aria-expanded="true"
class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded css-t1q4kr-MuiButtonBase-root-MuiAccordionSummary-root"
role="button"
class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded css-1k8yrap-MuiButtonBase-root-MuiAccordionSummary-root"
tabindex="0"
type="button"
>
<div
class="MuiAccordionSummary-content Mui-expanded css-rof4d7-MuiAccordionSummary-content"
<span
class="MuiAccordionSummary-content Mui-expanded css-q3pzzg-MuiAccordionSummary-content"
>
<p
class="MuiTypography-root MuiTypography-body1 css-1xfjy4j-MuiTypography-root"
>
Configuration
</p>
</div>
<div
</span>
<span
class="MuiAccordionSummary-expandIconWrapper Mui-expanded css-1wqf3nl-MuiAccordionSummary-expandIconWrapper"
>
<svg
Expand All @@ -38,8 +38,8 @@ exports[`renders all the different types of built-in slots 1`] = `
d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
/>
</svg>
</div>
</div>
</span>
</button>
</h3>
<div
class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-qr6njo-MuiCollapse-root"
Expand Down Expand Up @@ -752,22 +752,22 @@ exports[`renders with defaults of the PileupTrack schema 1`] = `
<h3
class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
>
<div
<button
aria-expanded="true"
class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded css-t1q4kr-MuiButtonBase-root-MuiAccordionSummary-root"
role="button"
class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded css-1k8yrap-MuiButtonBase-root-MuiAccordionSummary-root"
tabindex="0"
type="button"
>
<div
class="MuiAccordionSummary-content Mui-expanded css-rof4d7-MuiAccordionSummary-content"
<span
class="MuiAccordionSummary-content Mui-expanded css-q3pzzg-MuiAccordionSummary-content"
>
<p
class="MuiTypography-root MuiTypography-body1 css-1xfjy4j-MuiTypography-root"
>
Configuration
</p>
</div>
<div
</span>
<span
class="MuiAccordionSummary-expandIconWrapper Mui-expanded css-1wqf3nl-MuiAccordionSummary-expandIconWrapper"
>
<svg
Expand All @@ -781,8 +781,8 @@ exports[`renders with defaults of the PileupTrack schema 1`] = `
d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
/>
</svg>
</div>
</div>
</span>
</button>
</h3>
<div
class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-qr6njo-MuiCollapse-root"
Expand Down Expand Up @@ -1053,22 +1053,22 @@ exports[`renders with defaults of the PileupTrack schema 1`] = `
<h3
class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
>
<div
<button
aria-expanded="true"
class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded css-t1q4kr-MuiButtonBase-root-MuiAccordionSummary-root"
role="button"
class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded css-1k8yrap-MuiButtonBase-root-MuiAccordionSummary-root"
tabindex="0"
type="button"
>
<div
class="MuiAccordionSummary-content Mui-expanded css-rof4d7-MuiAccordionSummary-content"
<span
class="MuiAccordionSummary-content Mui-expanded css-q3pzzg-MuiAccordionSummary-content"
>
<p
class="MuiTypography-root MuiTypography-body1 css-1xfjy4j-MuiTypography-root"
>
renderer
</p>
</div>
<div
</span>
<span
class="MuiAccordionSummary-expandIconWrapper Mui-expanded css-1wqf3nl-MuiAccordionSummary-expandIconWrapper"
>
<svg
Expand All @@ -1082,8 +1082,8 @@ exports[`renders with defaults of the PileupTrack schema 1`] = `
d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
/>
</svg>
</div>
</div>
</span>
</button>
</h3>
<div
class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-qr6njo-MuiCollapse-root"
Expand Down Expand Up @@ -1793,22 +1793,22 @@ exports[`renders with just the required model elements 1`] = `
<h3
class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
>
<div
<button
aria-expanded="true"
class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded css-t1q4kr-MuiButtonBase-root-MuiAccordionSummary-root"
role="button"
class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded css-1k8yrap-MuiButtonBase-root-MuiAccordionSummary-root"
tabindex="0"
type="button"
>
<div
class="MuiAccordionSummary-content Mui-expanded css-rof4d7-MuiAccordionSummary-content"
<span
class="MuiAccordionSummary-content Mui-expanded css-q3pzzg-MuiAccordionSummary-content"
>
<p
class="MuiTypography-root MuiTypography-body1 css-1xfjy4j-MuiTypography-root"
>
Configuration
</p>
</div>
<div
</span>
<span
class="MuiAccordionSummary-expandIconWrapper Mui-expanded css-1wqf3nl-MuiAccordionSummary-expandIconWrapper"
>
<svg
Expand All @@ -1822,8 +1822,8 @@ exports[`renders with just the required model elements 1`] = `
d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
/>
</svg>
</div>
</div>
</span>
</button>
</h3>
<div
class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-qr6njo-MuiCollapse-root"
Expand Down
36 changes: 18 additions & 18 deletions ...management/src/PluginStoreWidget/components/__snapshots__/PluginStoreWidget.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -54,22 +54,22 @@ exports[`renders with the available plugins 1`] = `
<h3
class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
>
<div
<button
aria-expanded="true"
class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded css-t1q4kr-MuiButtonBase-root-MuiAccordionSummary-root"
role="button"
class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded css-1k8yrap-MuiButtonBase-root-MuiAccordionSummary-root"
tabindex="0"
type="button"
>
<div
class="MuiAccordionSummary-content Mui-expanded css-rof4d7-MuiAccordionSummary-content"
<span
class="MuiAccordionSummary-content Mui-expanded css-q3pzzg-MuiAccordionSummary-content"
>
<h5
class="MuiTypography-root MuiTypography-h5 css-w2zoog-MuiTypography-root"
>
Installed plugins
</h5>
</div>
<div
</span>
<span
class="MuiAccordionSummary-expandIconWrapper Mui-expanded css-1wqf3nl-MuiAccordionSummary-expandIconWrapper"
>
<svg
Expand All @@ -83,8 +83,8 @@ exports[`renders with the available plugins 1`] = `
d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
/>
</svg>
</div>
</div>
</span>
</button>
</h3>
<div
class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-qr6njo-MuiCollapse-root"
Expand Down Expand Up @@ -758,22 +758,22 @@ exports[`renders with the available plugins 1`] = `
<h3
class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
>
<div
<button
aria-expanded="true"
class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded css-t1q4kr-MuiButtonBase-root-MuiAccordionSummary-root"
role="button"
class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded css-1k8yrap-MuiButtonBase-root-MuiAccordionSummary-root"
tabindex="0"
type="button"
>
<div
class="MuiAccordionSummary-content Mui-expanded css-rof4d7-MuiAccordionSummary-content"
<span
class="MuiAccordionSummary-content Mui-expanded css-q3pzzg-MuiAccordionSummary-content"
>
<h5
class="MuiTypography-root MuiTypography-h5 css-w2zoog-MuiTypography-root"
>
Available plugins
</h5>
</div>
<div
</span>
<span
class="MuiAccordionSummary-expandIconWrapper Mui-expanded css-1wqf3nl-MuiAccordionSummary-expandIconWrapper"
>
<svg
Expand All @@ -787,8 +787,8 @@ exports[`renders with the available plugins 1`] = `
d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
/>
</svg>
</div>
</div>
</span>
</button>
</h3>
<div
class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-qr6njo-MuiCollapse-root"
Expand Down
7 changes: 5 additions & 2 deletions plugins/linear-genome-view/src/LinearGenomeView/svgcomponents/SVGTracks.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ export default function SVGTracks({
prevOffset: currOffset,
reactElements: [
...reactElements,
<g key={conf.trackId} transform={`translate(0 ${currOffset})`}>
<g key={conf.trackId} transform={`translate(0 ${prevOffset})`}>
<g transform={`translate(${trackLabelOffset} ${textOffset})`}>
<SVGRegionSeparators
model={model}
Expand All @@ -68,7 +68,10 @@ export default function SVGTracks({
],
}
},
{ prevOffset: 0, reactElements: [] as React.ReactElement[] },
{
prevOffset: 0,
reactElements: [] as React.ReactElement[],
},
).reactElements
}
</>
Expand Down
18 changes: 9 additions & 9 deletions plugins/variants/src/VariantFeatureWidget/__snapshots__/VariantFeatureWidget.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,22 +14,22 @@ exports[`renders with just the required model elements 1`] = `
<h3
class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
>
<div
<button
aria-expanded="true"
class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded css-t1q4kr-MuiButtonBase-root-MuiAccordionSummary-root"
role="button"
class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded css-1k8yrap-MuiButtonBase-root-MuiAccordionSummary-root"
tabindex="0"
type="button"
>
<div
class="MuiAccordionSummary-content Mui-expanded css-rof4d7-MuiAccordionSummary-content"
<span
class="MuiAccordionSummary-content Mui-expanded css-q3pzzg-MuiAccordionSummary-content"
>
<span
class="MuiTypography-root MuiTypography-button css-l5w3u1-MuiTypography-root"
>
rs123
</span>
</div>
<div
</span>
<span
class="MuiAccordionSummary-expandIconWrapper Mui-expanded css-1wqf3nl-MuiAccordionSummary-expandIconWrapper"
>
<svg
Expand All @@ -43,8 +43,8 @@ exports[`renders with just the required model elements 1`] = `
d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
/>
</svg>
</div>
</div>
</span>
</button>
</h3>
<div
class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-qr6njo-MuiCollapse-root"
Expand Down
2 changes: 1 addition & 1 deletion ...ts/jbrowse-web/src/tests/__image_snapshots__/breakpoint_split_view_snapshot.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion products/jbrowse-web/src/tests/__image_snapshots__/lgv_snapshot.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion products/jbrowse-web/src/tests/__image_snapshots__/synteny_snapshot.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions products/jbrowse-web/src/tests/__snapshots__/ExportSvg.test.tsx.snap
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion products/jbrowse-web/src/tests/__snapshots__/ExportSvgBreakpointSplitView.test.tsx.snap
View file

Large diffs are not rendered by default.

Loading

0 comments on commit c008cb8

Please sign in to comment.