# HG changeset patch
# User neko259 <neko259@gmail.com>
# Date 2016-10-13 10:25:02
# Node ID 8d6575ac85237155779bde2464c21c846bf3c87b
# Parent  bfd573f020e93a3d36142312df69f59ff7337476

Non-image file icons are inverted on hover

diff --git a/boards/models/attachment/viewers.py b/boards/models/attachment/viewers.py
--- a/boards/models/attachment/viewers.py
+++ b/boards/models/attachment/viewers.py
@@ -67,7 +67,7 @@ class AbstractViewer:
             image = FILE_STUB_IMAGE
 
         return '<a href="{}">'\
-               '<img src="{}" width="200" height="150"/>'\
+               '<img class="url-image" src="{}" width="200" height="150"/>'\
                '</a>'.format(self.file.url, static(image))
 
 
@@ -145,5 +145,5 @@ class UrlViewer(AbstractViewer):
                '</div>'.format(self.get_format_view())
     def get_format_view(self):
         return '<a href="{}">' \
-               '<img src="{}" width="200" height="150"/>' \
+               '<img class="url-image" src="{}" width="200" height="150"/>' \
                '</a>'.format(self.url, static(FILE_STUB_URL))
diff --git a/boards/static/css/base.css b/boards/static/css/base.css
--- a/boards/static/css/base.css
+++ b/boards/static/css/base.css
@@ -169,3 +169,7 @@ textarea, input {
     border-bottom: dashed 1px;
     cursor: help;
 }
+
+.url-image:hover {
+    filter: invert(100%);
+}