diff options
| -rw-r--r-- | app/javascript/stylesheets/core.css | 8 | ||||
| -rw-r--r-- | 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> |