From b30df2115c8e25cf251c1e12b2889277a8371db1 Mon Sep 17 00:00:00 2001
From: Luke Barnard <lukeb@openmarket.com>
Date: Tue, 8 Nov 2016 10:54:03 +0000
Subject: [PATCH] Add some CSS for an error popup that appears next to the
 `Manage Integrations` button if there was a problem contacting Scalar

---
 .../views/rooms/RoomSettings.css              | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/RoomSettings.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/RoomSettings.css
index 1fd8349aab..6a3b1ac8cb 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/RoomSettings.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/RoomSettings.css
@@ -20,7 +20,9 @@ limitations under the License.
 }
 
 .mx_RoomSettings_leaveButton,
-.mx_RoomSettings_integrationsButton {
+.mx_RoomSettings_integrationsButton,
+.mx_RoomSettings_integrationsButton_error {
+    position: relative;
     height: 36px;
     background-color: #76cfa6;
     border-radius: 36px;
@@ -33,6 +35,21 @@ limitations under the License.
     padding-left: 12px;
     padding-right: 12px;
 }
+.mx_RoomSettings_integrationsButton_error {
+    pointer: not-allowed;
+}
+.mx_RoomSettings_integrationsButton_errorPopup {
+    position: absolute;
+    top: 110%;
+    left: -26%;
+    width: 150%;
+    padding: 2%;
+    font-size: 10pt;
+    line-height: 1.5em;
+    border-radius: 5px;
+    background-color: #000;
+    color: #fff;
+}
 
 .mx_RoomSettings_e2eIcon {
     padding-left: 4px;