enlarge event thumbs on hover

web/skins/classic/css/base/skin.css

@@ -715,3 +715,14 @@ li.search-choice {
 #dropdown_bandwidth+div {
 background-color:#485460;
 }
+
+.zoom {
+  padding: 50px;
+  transition: transform .2s; /* Animation */
+  margin: 0 auto;
+}
+
+.zoom:hover {
+  transform: scale(5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
+}
+

web/skins/classic/views/events.php

@@ -256,7 +256,7 @@ while ( $event_row = dbFetchNext($results) ) {
 <?php
   }
   if ( ZM_WEB_LIST_THUMBS ) {
-      echo '<td class="colThumbnail px-1">';
+      echo '<td class="colThumbnail px-1 zoom">';
       $imgSrc = $event->getThumbnailSrc(array(),'&amp;');
       $streamSrc = $event->getStreamSrc(array(
         'mode'=>'jpeg', 'scale'=>$scale, 'maxfps'=>ZM_WEB_VIDEO_MAXFPS, 'replay'=>'single', 'rate'=>'400'), '&amp;');