This commit is contained in:
Dean 2024-11-08 14:45:38 +00:00
parent d6993c273d
commit 072b3b3854
3 changed files with 6 additions and 9 deletions

View File

@ -8,9 +8,8 @@
tick, tick,
} from "svelte" } from "svelte"
import Logo from "assets/bb-emblem.svg?raw" import Logo from "assets/bb-emblem.svg?raw"
import { Utils } from "@budibase/frontend-core" import { Utils, memo } from "@budibase/frontend-core"
import { selectedAutomation, automationStore } from "stores/builder" import { selectedAutomation, automationStore } from "stores/builder"
import { memo } from "@budibase/frontend-core"
export function toFocus() { export function toFocus() {
viewToFocusEle() viewToFocusEle()
@ -365,7 +364,7 @@
} }
// Reset state on mouse up // Reset state on mouse up
const globalMouseUp = e => { const globalMouseUp = () => {
down = false down = false
if ($view.dragging) { if ($view.dragging) {
@ -524,7 +523,7 @@
onMount(() => { onMount(() => {
// As the view/browser resizes, ensure the stored view is up to date // As the view/browser resizes, ensure the stored view is up to date
viewObserver = new ResizeObserver( viewObserver = new ResizeObserver(
Utils.domDebounce(e => { Utils.domDebounce(() => {
getDims() getDims()
}) })
) )
@ -550,7 +549,6 @@
on:mousemove={Utils.domDebounce(onMouseMove)} on:mousemove={Utils.domDebounce(onMouseMove)}
style={`--dragPadding: ${contentDragPadding}px;`} style={`--dragPadding: ${contentDragPadding}px;`}
> >
<!-- svelte-ignore a11y-click-events-have-key-events -->
<svg class="draggable-background" style={`--dotSize: ${dotSize};`}> <svg class="draggable-background" style={`--dotSize: ${dotSize};`}>
<!-- Small 2px offset to tuck the points under the viewport on load--> <!-- Small 2px offset to tuck the points under the viewport on load-->
<pattern <pattern
@ -560,11 +558,12 @@
patternUnits="userSpaceOnUse" patternUnits="userSpaceOnUse"
patternTransform={`translate(${offsetX - 2}, ${offsetY - 2})`} patternTransform={`translate(${offsetX - 2}, ${offsetY - 2})`}
> >
<!-- eslint-disable-next-line svelte/no-at-html-tags-->
{@html Logo} {@html Logo}
</pattern> </pattern>
<rect x="0" y="0" width="100%" height="100%" fill="url(#dot-pattern)" /> <rect x="0" y="0" width="100%" height="100%" fill="url(#dot-pattern)" />
</svg> </svg>
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
<div <div
class="draggable-view" class="draggable-view"
bind:this={viewPort} bind:this={viewPort}

View File

@ -65,8 +65,6 @@
} }
</script> </script>
<!-- svelte-ignore a11y-click-events-have-key-events -->
<!-- svelte-ignore a11y-no-static-element-interactions -->
<div class="header" class:scrolling> <div class="header" class:scrolling>
<div class="header-left"> <div class="header-left">
<UndoRedoControl store={automationHistoryStore} showButtonGroup /> <UndoRedoControl store={automationHistoryStore} showButtonGroup />

View File

@ -51,7 +51,7 @@
if (!blockEle) { if (!blockEle) {
return return
} }
const { width, height, top, left } = blockEle?.getBoundingClientRect() const { width, height, top, left } = blockEle.getBoundingClientRect()
blockDims = { blockDims = {
width: width / $view.scale, width: width / $view.scale,
height: height / $view.scale, height: height / $view.scale,