From 2bf177dbccc613373663371cf16008a1fdba2931 Mon Sep 17 00:00:00 2001
From: wmwragg <wm.wragg@gmail.com>
Date: Mon, 12 Sep 2016 13:01:08 +0100
Subject: [PATCH] Refactored the queryList into seperate AddressSelector
 component

---
 .../views/dialogs/ChatInviteDialog.css        | 26 -----------
 .../views/elements/AddressSelector.css        | 45 +++++++++++++++++++
 2 files changed, 45 insertions(+), 26 deletions(-)
 create mode 100644 src/skins/vector/css/matrix-react-sdk/views/elements/AddressSelector.css

diff --git a/src/skins/vector/css/matrix-react-sdk/views/dialogs/ChatInviteDialog.css b/src/skins/vector/css/matrix-react-sdk/views/dialogs/ChatInviteDialog.css
index 8dce58a3cc..61c9692879 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/dialogs/ChatInviteDialog.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/dialogs/ChatInviteDialog.css
@@ -45,32 +45,6 @@ limitations under the License.
     overflow: hidden;
 }
 
-.mx_ChatInviteDialog_queryList {
-    position: absolute;
-    background-color: #fff;
-    width: 485px;
-    max-height: 116px;
-    overflow-y: scroll;
-	border-radius: 3px;
-	background-color: #fff;
-	border: solid 1px #76cfa6;
-    cursor: pointer;
-}
-
-.mx_ChatInviteDialog_queryListElement .mx_AddressTile {
-    background-color: #fff;
-    border: solid 1px #fff;
-}
-
-.mx_ChatInviteDialog_queryListElement.mx_ChatInviteDialog_selected {
-     background-color: #eaf5f0; /* selected colour */
-}
-
-.mx_ChatInviteDialog_queryListElement.mx_ChatInviteDialog_selected .mx_AddressTile {
-    background-color: #eaf5f0; /* selected colour */
-    border: solid 1px #eaf5f0; /* selected colour */
-}
-
 .mx_ChatInviteDialog_cancel {
     position: absolute;
     right: 11px;
diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/AddressSelector.css b/src/skins/vector/css/matrix-react-sdk/views/elements/AddressSelector.css
new file mode 100644
index 0000000000..62efee7c05
--- /dev/null
+++ b/src/skins/vector/css/matrix-react-sdk/views/elements/AddressSelector.css
@@ -0,0 +1,45 @@
+/*
+Copyright 2016 OpenMarket Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+.mx_AddressSelector {
+    position: absolute;
+    background-color: #fff;
+    width: 485px;
+    max-height: 116px;
+    overflow-y: scroll;
+	border-radius: 3px;
+	background-color: #fff;
+	border: solid 1px #76cfa6;
+    cursor: pointer;
+}
+
+.mx_AddressSelector.mx_AddressSelector_empty {
+    display: none;
+}
+
+.mx_AddressSelector_addressListElement .mx_AddressTile {
+    background-color: #fff;
+    border: solid 1px #fff;
+}
+
+.mx_AddressSelector_addressListElement.mx_AddressSelector_selected {
+     background-color: #eaf5f0; /* selected colour */
+}
+
+.mx_AddressSelector_addressListElement.mx_AddressSelector_selected .mx_AddressTile {
+    background-color: #eaf5f0; /* selected colour */
+    border: solid 1px #eaf5f0; /* selected colour */
+}