From 2bf177dbccc613373663371cf16008a1fdba2931 Mon Sep 17 00:00:00 2001 From: wmwragg 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 */ +}