From 44a7f31bd40a12f8e2c3c0bfcf599a4a74442df1 Mon Sep 17 00:00:00 2001 From: Christoph Haas Date: Sat, 20 Feb 2021 21:49:16 +0100 Subject: [PATCH] Fixed broken maginifying glass effect --- app/assets/stylesheets/my_styles.scss | 4 ++-- app/views/packages/_small_image.slim | 15 --------------- app/views/packages/details.slim | 5 ++++- 3 files changed, 6 insertions(+), 18 deletions(-) delete mode 100644 app/views/packages/_small_image.slim diff --git a/app/assets/stylesheets/my_styles.scss b/app/assets/stylesheets/my_styles.scss index fb0a973..aa84b26 100644 --- a/app/assets/stylesheets/my_styles.scss +++ b/app/assets/stylesheets/my_styles.scss @@ -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, diff --git a/app/views/packages/_small_image.slim b/app/views/packages/_small_image.slim deleted file mode 100644 index 53a9f0e..0000000 --- a/app/views/packages/_small_image.slim +++ /dev/null @@ -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}) diff --git a/app/views/packages/details.slim b/app/views/packages/details.slim index 953ba86..b4e99cb 100644 --- a/app/views/packages/details.slim +++ b/app/views/packages/details.slim @@ -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?