Add animation icon to mod queue

This commit is contained in:
Toks
2015-07-16 12:50:53 -04:00
parent a796280230
commit 842c10af79
4 changed files with 19 additions and 14 deletions

View File

@@ -66,3 +66,14 @@ $preview_flagged_color: #F00;
*vertical-align: auto; *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;
}

View File

@@ -103,13 +103,7 @@ div#c-comments {
position: relative; position: relative;
&:before { &:before {
content: ""; @include animated-icon;
position: absolute;
width: 20px;
height: 20px;
color: white;
background-color: rgba(0,0,0,0.5);
margin: 2px;
} }
} }
} }

View File

@@ -28,6 +28,12 @@ div#c-moderator-post-queues {
float: left; float: left;
width: 600px; 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 { div#moderation-guideline {

View File

@@ -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 { &[data-tags~=animated]:before, &[data-file-ext=swf]:before, &[data-file-ext=webm]:before, &[data-file-ext=zip]:before {
content: ""; @include animated-icon;
position: absolute;
width: 20px;
height: 20px;
color: white;
background-color: rgba(0,0,0,0.5);
margin: 2px;
} }
} }