Put striped background behind unapproved images

This commit is contained in:
Christoph Haas 2021-02-20 21:18:17 +01:00
parent ecbc30cb6e
commit 9bd01ff30b
2 changed files with 12 additions and 1 deletions

View file

@ -571,3 +571,14 @@ a.black
box-shadow: 0px 0px 5px 2px rgba(189,189,189,0.5);
padding: 5px;
}
.pkgcard.unapproved {
// background-color: #b0b0b0;
background: repeating-linear-gradient(
45deg,
#ffffff,
#ffffff 5px,
#f0f0f0 5px,
#f0f0f0 10px
);
}

View file

@ -15,7 +15,7 @@
= render(partial: 'packages/paginator', locals: {items: @screenshots})
.grid-x.grid-margin-x.medium-up-1.large-up-2 data-equalizer=true data-equalize-on="medium"
- @screenshots.each do |screenshot|
.cell.pkgcard data-equalizer-watch=true
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
= small_img(screenshot, cls: '')