From 6c8219a26bd2def0ed3226b69c59710f0de1bf67 Mon Sep 17 00:00:00 2001
From: Timo K <toger5@hotmail.de>
Date: Tue, 7 Apr 2026 12:56:09 +0200
Subject: [PATCH] Add a shadow to draggable items to prohibit invisible PIP
 outlines.

---
 src/grid/TileWrapper.module.css | 1 +
 src/index.css                   | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/grid/TileWrapper.module.css b/src/grid/TileWrapper.module.css
index d66fb68a..2147b194 100644
--- a/src/grid/TileWrapper.module.css
+++ b/src/grid/TileWrapper.module.css
@@ -7,6 +7,7 @@ Please see LICENSE in the repository root for full details.
 
 .tile.draggable {
   cursor: grab;
+  box-shadow: var(--big-drop-shadow);
 }
 
 .tile.draggable:active {
diff --git a/src/index.css b/src/index.css
index dc914452..767c749a 100644
--- a/src/index.css
+++ b/src/index.css
@@ -43,6 +43,7 @@ layer(compound);
     max(var(--cpd-space-4x), calc((100vw - 900px) / 3))
   );
   --small-drop-shadow: 0px 1.2px 2.4px 0px rgba(0, 0, 0, 0.15);
+  --big-drop-shadow: 0px 0px 24px 0px #1b1d221a;
   --subtle-drop-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
   --background-gradient: url("graphics/backgroundGradient.svg");