lino.jorzick
/
greenlight
forked from External/greenlight
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #54 from erickadbay/dev-erick 

Added hover for thumbnails using css
This commit is contained in:
Zachary Chai 2016-11-29 15:36:15 -05:00 committed by GitHub
parent ffddb0e834 44701c0cd9
commit 54347ac11b
2 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/recordings.coffee
View File

@ -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
}, },

17
app/assets/stylesheets/landing.scss
View File

@ -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;
}
}