From 6f2ffc974173a884f3367bb7ecf2535dea81f3c4 Mon Sep 17 00:00:00 2001
From: David Gay <david@davidgay.org>
Date: Fri, 28 May 2021 16:12:39 -0400
Subject: Add some janky sizing from old Esoterra to be Good Enough™️ for launch
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/javascript/stylesheets/core.css    | 8 ++++++++
 app/views/layouts/application.html.erb | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/javascript/stylesheets/core.css b/app/javascript/stylesheets/core.css
index 9bfb19b..4342171 100644
--- a/app/javascript/stylesheets/core.css
+++ b/app/javascript/stylesheets/core.css
@@ -11,9 +11,17 @@
 }
 
 .game-container-box {
+  min-height: 35rem;
   @apply p-2 border-2 border-gray-800 rounded;
 }
 
+.side-box {
+  height: 35rem;
+  position: -webkit-sticky;
+  position: sticky;
+  top: 8px;
+}
+
 .header-title {
   font-family: "Montaga", "Open Sans", sans-serif;
 }
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 7ce8860..f8381ce 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -25,12 +25,12 @@
           <%= yield %>
         </div>
         <% if user_signed_in? %>
-          <div id="chat" class="game-container-box col-span-12 sm:col-span-4"
+          <div id="chat" class="game-container-box side-box col-span-12 sm:col-span-4"
                data-turbolinks-permanent>
             <%= render "chat" %>
           </div>
         <% else %>
-          <div id="game_info" class="game-container-box col-span-12 sm:col-span-4"
+          <div id="game_info" class="game-container-box side-box col-span-12 sm:col-span-4"
                data-turbolinks-permanent>
             <%= render "game_info" %>
           </div>
-- 
cgit v1.2.3