refactor(edges): cleanup markup
This commit is contained in:
@@ -202,7 +202,7 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<svg className="react-flow__edgewrapper" style={{ zIndex }}>
|
<svg style={{ zIndex }}>
|
||||||
<g
|
<g
|
||||||
className={cc([
|
className={cc([
|
||||||
'react-flow__edge',
|
'react-flow__edge',
|
||||||
|
|||||||
@@ -67,7 +67,7 @@ const EdgeRenderer = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="react-flow__edges">
|
<div className="react-flow__edges">
|
||||||
<svg className="react-flow__container">
|
<svg className="react-flow__marker">
|
||||||
<MarkerDefinitions defaultColor={defaultMarkerColor} rfId={rfId} />
|
<MarkerDefinitions defaultColor={defaultMarkerColor} rfId={rfId} />
|
||||||
</svg>
|
</svg>
|
||||||
|
|
||||||
|
|||||||
@@ -96,7 +96,7 @@
|
|||||||
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
||||||
<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
|
<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
|
||||||
{#if !hidden}
|
{#if !hidden}
|
||||||
<svg class="svelte-flow__edgewrapper" style:zIndex>
|
<svg style:zIndex>
|
||||||
<g
|
<g
|
||||||
class={cc(['svelte-flow__edge', className])}
|
class={cc(['svelte-flow__edge', className])}
|
||||||
class:animated
|
class:animated
|
||||||
|
|||||||
@@ -19,7 +19,7 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="svelte-flow__edges">
|
<div class="svelte-flow__edges">
|
||||||
<svg class="svelte-flow__container">
|
<svg class="svelte-flow__marker">
|
||||||
<MarkerDefinition />
|
<MarkerDefinition />
|
||||||
</svg>
|
</svg>
|
||||||
|
|
||||||
|
|||||||
@@ -20,7 +20,7 @@
|
|||||||
--controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);
|
--controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);
|
||||||
}
|
}
|
||||||
|
|
||||||
.xy-flow__edgewrapper {
|
.xy-flow__edges svg {
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|||||||
Reference in New Issue
Block a user