about summary refs log tree commit diff
path: root/app/javascript/styles
diff options
context:
space:
mode:
authorOndřej Hruška <ondra@ondrovo.com>2017-07-09 09:07:14 +0200
committerGitHub <noreply@github.com>2017-07-09 09:07:14 +0200
commit2fb78fefc6a7d0715b6c4c6e7915aaf53f0a51dc (patch)
tree11d06cc57bcda86de8d4dfccf9733c293b66855b /app/javascript/styles
parentdc2b8bdecd4cc84b64ac069406a8d6554e4f8cd4 (diff)
Fix fullwidth media CSS bugs with NSFW video, and bad spoiler margin on static pages (#60)
* Fix fullwidth style not applied to NSFW video correctly

* Fix botched video .media-spoiler margin on static pages
Diffstat (limited to 'app/javascript/styles')
-rw-r--r--app/javascript/styles/components.scss10
1 files changed, 7 insertions, 3 deletions
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index 6b766bf14..c26a243c1 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -2319,9 +2319,13 @@ button.icon-button.active i.fa-retweet {
   text-align: center;
   z-index: 100;
 
-  margin-top: 15px; // Add margin when used bare for NSFW video player
-  .media-gallery & {
-    margin-top: 0;
+  .status__content > & {
+    margin-top: 15px; // Add margin when used bare for NSFW video player
+  }
+
+  &.full-width {
+    margin-left: -68px;
+    width: calc(100% + 80px);
   }
 }