From 4961a97ed4395f28dd267c0c8293515a6a2182f1 Mon Sep 17 00:00:00 2001
From: David Baker <dave@matrix.org>
Date: Fri, 23 Sep 2016 16:33:28 +0100
Subject: [PATCH] More css:
* Make join button more buttony
* Fix size of dropdown, allow search box to expand
* Use flexbox within search box to input can fill the rest of the space
---
.../matrix-react-sdk/views/elements/DirectorySearchBox.css | 7 +++++--
.../vector/css/vector-web/structures/RoomDirectory.css | 3 ++-
2 files changed, 7 insertions(+), 3 deletions(-)
diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/DirectorySearchBox.css b/src/skins/vector/css/matrix-react-sdk/views/elements/DirectorySearchBox.css
index f3f92cb7..cea38b83 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/elements/DirectorySearchBox.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/elements/DirectorySearchBox.css
@@ -21,12 +21,13 @@ limitations under the License.
}
.mx_DirectorySearchBox_container {
- display: table;
+ display: flex;
padding-left: 9px;
+ padding-right: 9px;
}
.mx_DirectorySearchBox_input {
- display: table-cell;
+ flex-grow: 1;
border: 0;
padding: 0;
font-weight: 300;
@@ -49,6 +50,8 @@ input[type=text].mx_DirectorySearchBox_input:focus {
text-indent: 18px;
font-weight: 600;
font-size: 12px;
+ user-select: none;
+ cursor: pointer;
}
.mx_DirectorySearchBox_clear_wrapper {
diff --git a/src/skins/vector/css/vector-web/structures/RoomDirectory.css b/src/skins/vector/css/vector-web/structures/RoomDirectory.css
index 1417c385..fdf88e34 100644
--- a/src/skins/vector/css/vector-web/structures/RoomDirectory.css
+++ b/src/skins/vector/css/vector-web/structures/RoomDirectory.css
@@ -53,6 +53,7 @@ limitations under the License.
.mx_RoomDirectory_listheader {
display: table;
+ table-layout: fixed;
width: 100%;
margin-top: 12px;
margin-bottom: 12px;
@@ -65,7 +66,7 @@ limitations under the License.
.mx_RoomDirectory_listheader .mx_NetworkDropdown {
display: table-cell;
- width: 100%;
+ width: 200px;
}
.mx_RoomDirectory_tableWrapper {