From 0ade5ff640556b9b02010a5f64ad56897b36a605 Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Thu, 29 Oct 2015 00:39:12 +0000
Subject: [PATCH] lightbox buttons

---
 src/skins/vector/css/atoms/ImageView.css | 18 +++++++++++++-----
 src/skins/vector/css/common.css          |  1 +
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/skins/vector/css/atoms/ImageView.css b/src/skins/vector/css/atoms/ImageView.css
index 384013e30a..1924484c71 100644
--- a/src/skins/vector/css/atoms/ImageView.css
+++ b/src/skins/vector/css/atoms/ImageView.css
@@ -45,8 +45,8 @@ limitations under the License.
     /* min-width hack needed for FF */
     min-width: 0px;
     height: 90%;
-    -webkit-flex: 100;
-    flex: 100 100 0;
+    -webkit-flex: 15;
+    flex: 15 15 0;
 
     display: -webkit-flex;
     display: flex;
@@ -58,9 +58,9 @@ limitations under the License.
 
 .mx_ImageView_content img {
     max-width: 100%;
-    /* can't use max-height as it interacts badly with flex on Chrome and doesn't relayout properly until you refresh */
+    /* XXX: max-height interacts badly with flex on Chrome and doesn't relayout properly until you refresh */
     max-height: 100%;
-    /* object-fit hack needed for Chrome */
+    /* object-fit hack needed for Chrome due to Chrome not relaying out until you refresh */
     object-fit: contain;
     background-image: url('img/trans.png');
 }
@@ -86,14 +86,17 @@ limitations under the License.
 .mx_ImageView_name {
     font-size: 20px;
     margin-bottom: 6px;
+    pointer-events: all;
 }
 
 .mx_ImageView_metadata {
     font-size: 16px;
     opacity: 0.5;
+    pointer-events: all;
 }
 
 .mx_ImageView_download {
+    pointer-events: all;
     display: table;
     margin-top: 24px;
     margin-bottom: 6px;
@@ -102,10 +105,15 @@ limitations under the License.
     font-size: 16px;
     padding: 9px;
     border: 1px solid #fff;
-    cursor: pointer;
+}
+
+.mx_ImageView_link {
+    color: #fff ! important;
+    text-decoration: none ! important;
 }
 
 .mx_ImageView_button {
+    pointer-events: all;
     font-size: 16px;
     opacity: 0.5;
     margin-top: 18px;
diff --git a/src/skins/vector/css/common.css b/src/skins/vector/css/common.css
index f72aa8e67b..39f713e522 100644
--- a/src/skins/vector/css/common.css
+++ b/src/skins/vector/css/common.css
@@ -139,6 +139,7 @@ a:visited {
     height: 100%;
     max-width: 100%;
     max-height: 100%;
+    pointer-events: none;
 }
 
 .mx_Dialog_content {