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

[github/wallabag/wallabag.git] / app / Resources / static / themes / material / css / cards.scss

diff --git a/app/Resources/static/themes/material/css/cards.scss b/app/Resources/static/themes/material/css/cards.scss
index 8ef864d6db179c7b4923c80a111e8bfc13bf081b..9dcbb8bb28c694d48950061d7835d7b40dc200fd 100644 (file)
--- a/app/Resources/static/themes/material/css/cards.scss
+++ b/app/Resources/static/themes/material/css/cards.scss
@@ -25,7 +25,6 @@ main {
     max-height: 80px;
     font-size: 19px;
     font-family: roberto, "Helvetica Neue", Helvetica, Arial, sans-serif;
-    color: #313131;
   }
 
   .card-stacked .card-content .card-title {
@@ -124,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;
@@ -251,6 +256,10 @@ a.original:not(.waves-effect) {
     float: right;
     max-width: 6em;
   }
+
+  .tags {
+    display: inline-block;
+  }
 }
 
 #content .collection .collection-item {