Fixed broken maginifying glass effect

This commit is contained in:
Christoph Haas 2021-02-20 21:49:16 +01:00
parent 443f898ffd
commit 44a7f31bd4
3 changed files with 6 additions and 18 deletions

View file

@ -513,7 +513,7 @@ a.black
@keyframes image-with-zoom-icon-animation {
from {opacity: 0}
to {opacity: 0.25}
to {opacity: 0.3}
}
.image-with-zoom-icon .magnifying-glass-icon {
@ -573,7 +573,7 @@ a.black
}
.pkgcard.unapproved {
// background-color: #b0b0b0;
// https://css-tricks.com/stripes-css/
background: repeating-linear-gradient(
45deg,
#ffffff,

View file

@ -1,15 +0,0 @@
/ Show image in medium size with zoom option and caption below
a href =url_for(screenshot.simage_url(:large)) rel='fancybox-thumb' title=screenshot.caption data-fancybox='gallery' data-caption=screenshot_caption(screenshot)
.image-with-zoom-icon
= small_img(screenshot)
.magnifying-glass-icon
i.fa.fa-search
- if screenshot.description
.imgcaption
= screenshot.description
/ Display management buttons for admins only
- if user_signed_in? and current_user.is_admin?
= render(partial: 'admin_dropdown', locals: {screenshot: screenshot})

View file

@ -17,8 +17,11 @@
- @screenshots.each do |screenshot|
div class=("cell pkgcard" + (screenshot.approved ? " approved" : " unapproved")) data-equalizer-watch=true
a.black href =url_for(screenshot.simage_url(:large)) rel='fancybox-thumb' title=screenshot.caption data-fancybox='gallery' data-caption=screenshot_caption(screenshot)
.image
.image-with-zoom-icon
= small_img(screenshot, cls: '')
.magnifying-glass-icon
i.fa.fa-search
.text
= screenshot.caption
// Has the unmoderated screenshot been uploaded by the current user?