Added hover for thumbnails

2016-11-29 15:20:16 -05:00
parent 47e0e948d1
commit 067f5f1a08
2 changed files with 18 additions and 1 deletions
--- a/app/assets/javascripts/recordings.coffee
+++ b/app/assets/javascripts/recordings.coffee
@@ -58,7 +58,7 @@ class @Recordings
              str = ''
              if row.published
                for d in data
-                  str += '<img height="50" width="50" src="'+d.url+'" alt="'+d.alt+'"></img> '
+                  str += '<img height="50" width="50" class="img-thumbnail" src="'+d.url+'" alt="'+d.alt+'"></img><img class="img-thumbnail large" src="'+d.url+'"></img>'
              return str
            return data
        },
--- a/app/assets/stylesheets/landing.scss
+++ b/app/assets/stylesheets/landing.scss
@@ -43,3 +43,20 @@
  }

 }
+
+.img-thumbnail{
+  padding: 4px;
+  background-color: white;
+  border: 1px solid #dddddd;
+  border-radius: 4px;
+
+  &.large{
+    display: none;
+  }
+
+  &:hover + &.large{
+    display: inline-block;
+    position: absolute;
+    z-index: 1;
+  }
+}