From 842c10af79b6cef8a700f93d250adcb0b13b343e Mon Sep 17 00:00:00 2001
From: Toks <tttoksss@gmail.com>
Date: Thu, 16 Jul 2015 12:50:53 -0400
Subject: [PATCH] Add animation icon to mod queue

---
 app/assets/stylesheets/common/000_vars.css.scss    | 11 +++++++++++
 app/assets/stylesheets/specific/comments.css.scss  |  8 +-------
 app/assets/stylesheets/specific/mod_queue.css.scss |  6 ++++++
 app/assets/stylesheets/specific/posts.css.scss     |  8 +-------
 4 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/app/assets/stylesheets/common/000_vars.css.scss b/app/assets/stylesheets/common/000_vars.css.scss
index d63196422..65374d0b1 100644
--- a/app/assets/stylesheets/common/000_vars.css.scss
+++ b/app/assets/stylesheets/common/000_vars.css.scss
@@ -66,3 +66,14 @@ $preview_flagged_color: #F00;
   *vertical-align: auto;
 }
 
+@mixin animated-icon {
+  content: "►";
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  color: white; 
+  background-color: rgba(0,0,0,0.5);
+  margin: 2px;
+  text-align: center;
+}
+
diff --git a/app/assets/stylesheets/specific/comments.css.scss b/app/assets/stylesheets/specific/comments.css.scss
index c90fdda17..b71ed0657 100644
--- a/app/assets/stylesheets/specific/comments.css.scss
+++ b/app/assets/stylesheets/specific/comments.css.scss
@@ -103,13 +103,7 @@ div#c-comments {
           position: relative;
 
           &:before {
-            content: "►";
-            position: absolute;
-            width: 20px;
-            height: 20px;
-            color: white; 
-            background-color: rgba(0,0,0,0.5);
-            margin: 2px;
+            @include animated-icon;
           }
         }
       }
diff --git a/app/assets/stylesheets/specific/mod_queue.css.scss b/app/assets/stylesheets/specific/mod_queue.css.scss
index 20c9ca6d1..f640089bb 100644
--- a/app/assets/stylesheets/specific/mod_queue.css.scss
+++ b/app/assets/stylesheets/specific/mod_queue.css.scss
@@ -28,6 +28,12 @@ div#c-moderator-post-queues {
       float: left;
       width: 600px;
     }
+
+    &[data-tags~=animated], &[data-file-ext=swf], &[data-file-ext=webm], &[data-file-ext=zip] {
+      aside:before {
+        @include animated-icon;
+      }
+    }
   }
 
   div#moderation-guideline {
diff --git a/app/assets/stylesheets/specific/posts.css.scss b/app/assets/stylesheets/specific/posts.css.scss
index c294d8d3a..26311b123 100644
--- a/app/assets/stylesheets/specific/posts.css.scss
+++ b/app/assets/stylesheets/specific/posts.css.scss
@@ -27,13 +27,7 @@ article.post-preview {
   }
 
   &[data-tags~=animated]:before, &[data-file-ext=swf]:before, &[data-file-ext=webm]:before, &[data-file-ext=zip]:before {
-    content: "►";
-    position: absolute;
-    width: 20px;
-    height: 20px;
-    color: white; 
-    background-color: rgba(0,0,0,0.5);
-    margin: 2px;
+    @include animated-icon;
   }
 }