SteamWar/Website
10
1
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity

feat: Refactor connection rendering logic for improved layout and offset handling
All checks were successful
SteamWarCI Build successful
Details

Browse Source
This commit is contained in:
Chaoscaot
2026-01-01 17:18:54 +01:00
parent fa7e68ca10
commit 35765b90e6
1 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/event/ConnectionRenderer.svelte
View File

@@ -55,8 +55,8 @@
<!-- Apply horizontal offset only to the mid bridge and second segment fan-out; also shift vertical line to keep continuity --> <!-- Apply horizontal offset only to the mid bridge and second segment fan-out; also shift vertical line to keep continuity -->
{@const midLeft = fromLeft + horizontalDistance / 2 + connection.offset} {@const midLeft = fromLeft + horizontalDistance / 2 + connection.offset}
{@const firstSegmentWidth = horizontalDistance / 2} {@const firstSegmentWidth = horizontalDistance / 2}
{@const secondSegmentWidth = horizontalDistance / 2}
{#if firstSegmentWidth > 0}
<div <div
class="horizontal-line" class="horizontal-line"
style=" style="
@@ -81,9 +81,10 @@
background-color: {connection.color}; background-color: {connection.color};
left: {midLeft}px; left: {midLeft}px;
top: {toTop + connection.offset / 4}px; top: {toTop + connection.offset / 4}px;
width: {secondSegmentWidth - connection.offset}px; width: {firstSegmentWidth - connection.offset}px;
" "
></div> ></div>
{/if}
{/each} {/each}
{/key} {/key}
</div> </div>