Merge pull request #3 from moeffju/hover-height

Fix session holders shrinking on hover

app/assets/stylesheets/application.tailwind.css

@@ -24,7 +24,15 @@ input[type=submit] {
 select {
   @apply pl-2 pr-6 py-1;
 }
-.session-holder { @apply w-full; }
+.session-holder {
+  @apply w-full;
+  height: var(--height);
+  display: flex;
+}
+.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

@@ -117,12 +117,10 @@ 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;
                 ">
                   <%= render partial: "sessions/session", locals: { session: session } %>
                 </div>