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
2017-07-09 09:07:14 +02:00
parent dc2b8bdecd
commit 2fb78fefc6
2 changed files with 9 additions and 5 deletions
--- 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);
  }
 }