Fix session holders shrinking on hover

app/assets/stylesheets/application.tailwind.css

@@ -25,6 +25,7 @@ select {
   @apply pl-2 pr-6 py-1;
 }
 .session-holder { @apply w-full; }
+.session-holder:hover { height: auto; min-height: var(--height); }
 .session {
   @apply border p-2 bg-slate-100 border-slate-300 rounded-md w-full hover:shadow-2xl;
 

app/views/conferences/show.html.erb

@@ -116,12 +116,11 @@ current_time = Time.zone.now.in_time_zone(@conference.time_zone)
             <h4><%= stage.name %></h4>
             <div class="stage-sessions">
               <% sessions.each do |session| %>
-                <div class="session-holder hover:z-30 h-full hover:!h-auto" style="
+                <div class="session-holder hover:z-30 h-full" style="
                   position: absolute;
                   top: <%= (session.starts_at - timeline_starts_at) / 3600.0 * pixels_per_hour %>px;
-                  max-height: <%= (session.ends_at - session.starts_at) / 3600.0 * pixels_per_hour %>px;
-                  min-height: <%= (session.ends_at - session.starts_at) / 3600.0 * pixels_per_hour %>px;
-                  hxeight: <%= (session.ends_at - session.starts_at) / 3600.0 * pixels_per_hour %>px;
+                  --height: <%= (session.ends_at - session.starts_at) / 3600.0 * pixels_per_hour %>px;
+                  height: var(--height);
                 ">
                   <%= render partial: "sessions/session", locals: { session: session } %>
                 </div>