From 9e73262cb7fb12fd725e66da9306a0261c5b6a02 Mon Sep 17 00:00:00 2001
From: Agent <agent@lorentz.is>
Date: Thu, 13 Aug 2026 16:05:52 -0400
Subject: [PATCH] =?UTF-8?q?PR-C0:=20remove=20tile.track=20conditional=20?=
 =?UTF-8?q?=E2=80=94=20consistent=20border=20+=20label=20on=20all=20tiles?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Remove the tile.track ternary from the name label class — use bg-backdrop/80
  consistently for all tiles (both video and no-video)
- Remove the !tile.track conditional from the border — apply border border-line
  to all tiles consistently
- Fixes shadow rendering inconsistency: with two tiles, the conditional border
  + ternary caused asymmetric shadow rendering (cropped/pointed shadows)

Per review feedback from @matt on PR #3 (forgejo).
---
 src/app/components/VideoCallContent.svelte | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/app/components/VideoCallContent.svelte b/src/app/components/VideoCallContent.svelte
index f7761992..40d46b5b 100644
--- a/src/app/components/VideoCallContent.svelte
+++ b/src/app/components/VideoCallContent.svelte
@@ -221,8 +221,7 @@
   {@const media = $mediaStateByIdentity(tile.liveKitIdentity)}
   <div
     class={cx(
-      "relative isolate overflow-hidden rounded-2xl shadow-sm",
-      !tile.track && "border border-line border-solid",
+      "relative isolate overflow-hidden rounded-2xl shadow-sm border border-line",
       layout === "spotlight" && "min-h-0 flex-1",
       layout === "default" && "aspect-video w-full min-h-0",
       layout === "strip" && "aspect-video w-44 shrink-0",
@@ -249,9 +248,7 @@
       </div>
     {/if}
     <span
-      class="pointer-events-none absolute bottom-1 left-1 max-w-[calc(100%-0.5rem)] truncate rounded px-1.5 py-0.5 text-xs {tile.track
-        ? 'bg-surface/80'
-        : 'bg-backdrop/80'}">
+      class="pointer-events-none absolute bottom-1 left-1 max-w-[calc(100%-0.5rem)] truncate rounded bg-backdrop/80 px-1.5 py-0.5 text-xs">
       {labelFor(tile.liveKitIdentity, tile.source)}{tile.isLocal ? " (you)" : ""}
     </span>
     {#if videoTiles.length > 1}