From: Carl Worth <cworth@cworth.org>
Date: Fri, 6 Mar 2026 14:22:15 +0000 (-0500)
Subject: Make the rack sticky
X-Git-Url: https://git.cworth.org/git?a=commitdiff_plain;h=a8e48ffe7875ce11bdcca4cd1bfc935aacbf0db7;p=lmno.games

Make the rack sticky

If the user needs to start panning the grid around, we want their rack
to always stay visible.
---

diff --git a/letterrip/letterrip.css b/letterrip/letterrip.css
index 09243ea..32458c1 100644
--- a/letterrip/letterrip.css
+++ b/letterrip/letterrip.css
@@ -134,7 +134,8 @@
   border-color: #e67e22;
 }
 
-/* Tile rack */
+/* Tile rack — sticks to the bottom of the viewport so it's always
+   visible while scrolling the board. */
 .tile-rack {
   display: flex;
   flex-wrap: wrap;
@@ -144,7 +145,9 @@
   background: #ecf0f1;
   border: 2px dashed #bdc3c7;
   border-radius: 6px;
-  margin-bottom: 1em;
+  position: sticky;
+  bottom: 0;
+  z-index: 10;
 }
 
 .tile-rack.drag-over {