forked from External/greenlight
		
	Added hover for thumbnails
This commit is contained in:
		@@ -58,7 +58,7 @@ class @Recordings
 | 
				
			|||||||
              str = ''
 | 
					              str = ''
 | 
				
			||||||
              if row.published
 | 
					              if row.published
 | 
				
			||||||
                for d in data
 | 
					                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 str
 | 
				
			||||||
            return data
 | 
					            return data
 | 
				
			||||||
        },
 | 
					        },
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -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;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user