Merge pull request #916 from unimelb/fix-events

Fix bugs with figures and embeds when used inside events
unimelb · Aug 16, 2017 · 274d5f2 · 274d5f2
2 parents 46602ce + 423d5a3
commit 274d5f2
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/assets/components/events/_events-detail.css b/assets/components/events/_events-detail.css
@@ -129,7 +129,7 @@
     text-align: center;
 
     @media screen and (--bp-desktop) {
-      margin-left: 18.75rem;
+      padding-left: 18.75rem;
       text-align: left;
     }
 
@@ -165,6 +165,12 @@
     div {
       border-top: 0 none;
     }
+
+    /* HACK fix centring and width */
+    .figure {
+      margin-left: 0;
+      max-width: none;
+    }
   }
 
   .lower {

diff --git a/assets/components/events/_events.css b/assets/components/events/_events.css
@@ -377,6 +377,7 @@
       position: absolute;
       top: calc(1em * 2.25 / 2);
       right: calc(1em * 2.25 / 2);
+      z-index: 1; /* on top of embed, if present in `.upper` */
       display: block;
       width: 100%;
       font-size: 1em;

diff --git a/assets/components/news/_article.css b/assets/components/news/_article.css
@@ -85,8 +85,10 @@
       width: 100%;
     }
 
+    /* HACK fix centring and width */
     .figure {
-      margin-left: 0; /* HACK fix centring */
+      margin-left: 0;
+      max-width: none;
     }
   }