From c992ac1be555e5759741a552cb5f6dfbcc68640b Mon Sep 17 00:00:00 2001
From: Adrien Maston <adrien@37signals.com>
Date: Tue, 10 Feb 2026 17:22:31 +0100
Subject: [PATCH] Extend background color

---
 app/assets/stylesheets/native.css          | 6 ++++++
 app/views/cards/drafts/_container.html.erb | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/native.css b/app/assets/stylesheets/native.css
index c67d05d14..34259e9c6 100644
--- a/app/assets/stylesheets/native.css
+++ b/app/assets/stylesheets/native.css
@@ -66,6 +66,12 @@
       translate: unset;
     }
 
+    .card-perma--draft {
+      .card-perma__bg {
+        box-shadow: 0 calc(100vh + 100px) 0 100vh var(--color-container);
+      }
+    }
+
     /* Search
     /* ------------------------------------------------------------------------ */
 
diff --git a/app/views/cards/drafts/_container.html.erb b/app/views/cards/drafts/_container.html.erb
index 409621b21..fa7134b55 100644
--- a/app/views/cards/drafts/_container.html.erb
+++ b/app/views/cards/drafts/_container.html.erb
@@ -1,4 +1,4 @@
-<section id="<%= dom_id(card, :card_container) %>" class="card-perma" style="--card-color: <%= card.color %>;">
+<section id="<%= dom_id(card, :card_container) %>" class="card-perma card-perma--draft" style="--card-color: <%= card.color %>;">
   <% cache card do %>
     <div class="card-perma__actions card-perma__actions--left">
       <%= render "cards/container/image", card: card %>