Add animation icon to mod queue
This commit is contained in:
@@ -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;
|
||||||
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
@@ -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;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user