oss/wallabag
oss/wallabag
1
0
Fork 0
mirror of https://github.com/wallabag/wallabag.git synced 2025-08-01 17:38:38 +00:00
Code Wiki Activity

Add placeholder image to card-based gallery entries page for #3651

Browse source 
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.
This commit is contained in:
Matt Burke 2018-10-13 14:30:34 -04:00
parent ba69c04c27
commit cefbe6a87f
5 changed files with 12 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

6
app/Resources/static/themes/material/css/cards.scss
View file

@ -123,6 +123,12 @@ main {
display: block;
}
.card-image .placeholder {
background-color: #111;
filter: invert(100%);
-webkit-filter: invert(100%);
}
&.sw {
max-width: 370px;
margin-left: auto;