]> git.immae.eu Git - github/wallabag/wallabag.git/commit
Add placeholder image to card-based gallery entries page for #3651 3745/head
authorMatt Burke <burkemw3@gmail.com>
Sat, 13 Oct 2018 18:30:34 +0000 (14:30 -0400)
committerMatt Burke <burkemw3@gmail.com>
Tue, 16 Oct 2018 03:59:39 +0000 (23:59 -0400)
commitcefbe6a87fee244840e088955aa787a7ad3abb3e
treeb1d04f886afcf6914a89866ffb4c1ecf5493d834
parentba69c04c2708cd91f58da74e27184479ac0fe616
Add placeholder image to card-based gallery entries page for #3651

I referenced https://css-tricks.com/using-svg/ for using the SVG icon.
The icon has a black foreground and white background, which doesn't
look very good as a placeholder. So, using the background-image style
to show the svg and the inversion filter to make it white on gray.

With the image always present, there isn't much difference between
the with and without image preview templates, so I merged them.

Tested on Chrome, Firefox, and Safari on OSX.
app/Resources/static/themes/material/css/cards.scss
src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_no_preview.html.twig [deleted file]
src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_preview.html.twig
src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig
web/wallassets/material.css