From 3bebbfd4d4387ccadf19026879a3b68239c29849 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Thu, 21 Aug 2025 15:39:12 -0500
Subject: [PATCH] Slide trays away

---
 app/assets/stylesheets/trays.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/app/assets/stylesheets/trays.css b/app/assets/stylesheets/trays.css
index 760e639dd..f501bc956 100644
--- a/app/assets/stylesheets/trays.css
+++ b/app/assets/stylesheets/trays.css
@@ -14,6 +14,7 @@
     inset-block: auto env(safe-area-inset-bottom);
     inline-size: var(--tray-size);
     position: fixed;
+    transition: inset var(--tray-duration) var(--tray-timing-function);
     z-index: var(--z-tray);
 
     /* Make the dialog, expander, and actions inhabit the same space */
@@ -330,6 +331,10 @@
   .tray--pins {
     inset-inline: var(--tray-margin) auto;
 
+    #footer:has(.bar__placeholder[hidden]) & {
+      inset-inline-start: -100%;
+    }
+
     .tray__item {
       --tray-item-z: calc(10 - var(--tray-item-index));
 
@@ -464,6 +469,10 @@
   .tray--notifications {
     inset-inline: auto var(--tray-margin);
 
+    #footer:has(.bar__placeholder[hidden]) & {
+      inset-inline-end: -100%;
+    }
+
     .tray__item,
     [data-navigable-list-target~=item] {
       [open] &[aria-selected] {