kopia lustrzana https://github.com/Tldraw/Tldraw
Reorder dom elements. (#3431)
We reorded the dom a bit when we added the web gl rendered culled shapes. We can now revert that. Also noticed we weren't positioning the wrapper, so the z-index didn't not apply. ### Change Type <!-- ❗ Please select a 'Scope' label ❗️ --> - [ ] `sdk` — Changes the tldraw SDK - [ ] `dotcom` — Changes the tldraw.com web app - [ ] `docs` — Changes to the documentation, examples, or templates. - [ ] `vs code` — Changes to the vscode plugin - [x] `internal` — Does not affect user-facing stuff <!-- ❗ Please select a 'Type' label ❗️ --> - [ ] `bugfix` — Bug fix - [ ] `feature` — New feature - [ ] `improvement` — Improving existing features - [x] `chore` — Updating dependencies, other boring stuff - [ ] `galaxy brain` — Architectural changes - [ ] `tests` — Changes to any test code - [ ] `tools` — Changes to infrastructure, CI, internal scripts, debugging tools, etc. - [ ] `dunno` — I don't know --------- Co-authored-by: Steve Ruiz <steveruizok@gmail.com>pull/3434/head
rodzic
180cb67250
commit
de951dee59
|
@ -289,16 +289,18 @@ input,
|
|||
|
||||
.tl-background__wrapper {
|
||||
z-index: var(--layer-background);
|
||||
}
|
||||
|
||||
.tl-background {
|
||||
position: absolute;
|
||||
background-color: var(--color-background);
|
||||
inset: 0px;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tl-background {
|
||||
background-color: var(--color-background);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* --------------------- Grid Layer --------------------- */
|
||||
|
||||
.tl-grid {
|
||||
|
|
|
@ -118,12 +118,6 @@ export function DefaultCanvas({ className }: TLCanvasComponentProps) {
|
|||
])
|
||||
|
||||
return (
|
||||
<>
|
||||
{Background && (
|
||||
<div className="tl-background__wrapper">
|
||||
<Background />
|
||||
</div>
|
||||
)}
|
||||
<div
|
||||
ref={rCanvas}
|
||||
draggable={false}
|
||||
|
@ -139,6 +133,11 @@ export function DefaultCanvas({ className }: TLCanvasComponentProps) {
|
|||
{SvgDefs && <SvgDefs />}
|
||||
</defs>
|
||||
</svg>
|
||||
{Background && (
|
||||
<div className="tl-background__wrapper">
|
||||
<Background />
|
||||
</div>
|
||||
)}
|
||||
<GridWrapper />
|
||||
<div ref={rHtmlLayer} className="tl-html-layer tl-shapes" draggable={false}>
|
||||
<OnTheCanvasWrapper />
|
||||
|
@ -163,7 +162,6 @@ export function DefaultCanvas({ className }: TLCanvasComponentProps) {
|
|||
</div>
|
||||
<MovingCameraHitTestBlocker />
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
|
Ładowanie…
Reference in New Issue