From cda9ce8c2a25ee47cd74e9ed21e04580bee6d0a1 Mon Sep 17 00:00:00 2001 From: Toks Date: Mon, 14 Jul 2014 12:31:27 -0400 Subject: [PATCH] Support animated icon for comment pages --- app/assets/stylesheets/specific/posts.css.scss | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/app/assets/stylesheets/specific/posts.css.scss b/app/assets/stylesheets/specific/posts.css.scss index fc808e0e6..8a0b75418 100644 --- a/app/assets/stylesheets/specific/posts.css.scss +++ b/app/assets/stylesheets/specific/posts.css.scss @@ -8,11 +8,14 @@ article.post-preview { overflow: hidden; text-align: center; @include inline-block; - position: relative; img { margin: auto; } +} + +.post-preview { + position: relative; &[data-tags~=animated]:before, &[data-file-ext=swf]:before, &[data-file-ext=webm]:before { content: "►"; @@ -22,6 +25,10 @@ article.post-preview { color: white; background-color: rgba(0,0,0,0.5); margin: 2px; + top: 0; + left: 0; + z-index: 1; + text-align: center; } }