Added justification for the AddressTile, when requested

wmwragg · wmwragg · commit 48501d91d21a · 2016-09-07T10:55:31.000+01:00
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
@@ -60,12 +60,12 @@ limitations under the License.
 }
 
 .mx_ChatInviteDialog_queryListElement.mx_ChatInviteDialog_selected {
-     background-color: #ddd; /* selected colour */
+     background-color: #eaf5f0; /* selected colour */
 }
 
 .mx_ChatInviteDialog_queryListElement.mx_ChatInviteDialog_selected .mx_AddressTile {
-    background-color: #ddd; /* selected colour */
-    border: solid 1px #ddd; /* selected colour */
+    background-color: #eaf5f0; /* selected colour */
+    border: solid 1px #eaf5f0; /* selected colour */
 }
 
 .mx_ChatInviteDialog_cancel {
diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/AddressTile.css b/src/skins/vector/css/matrix-react-sdk/views/elements/AddressTile.css
@@ -39,11 +39,25 @@ limitations under the License.
     font-weight: 600;
 }
 
+.mx_AddressTile_name.mx_AddressTile_justified {
+    width: 120px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
 .mx_AddressTile_id {
     display: inline-block;
     padding-right: 11px;
 }
 
+.mx_AddressTile_id.mx_AddressTile_justified {
+    width: 200px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
 .mx_AddressTile_dismiss {
     display: inline-block;
     padding-right: 11px;

Original file line number	Diff line number	Diff line change
`@@ -60,12 +60,12 @@ limitations under the License.`
`60`	`60`	`}`
`61`	`61`
`62`	`62`	`.mx_ChatInviteDialog_queryListElement.mx_ChatInviteDialog_selected {`
`63`		`- background-color: #ddd; /* selected colour */`
	`63`	`+ background-color: #eaf5f0; /* selected colour */`
`64`	`64`	`}`
`65`	`65`
`66`	`66`	`.mx_ChatInviteDialog_queryListElement.mx_ChatInviteDialog_selected .mx_AddressTile {`
`67`		`- background-color: #ddd; /* selected colour */`
`68`		`- border: solid 1px #ddd; /* selected colour */`
	`67`	`+ background-color: #eaf5f0; /* selected colour */`
	`68`	`+ border: solid 1px #eaf5f0; /* selected colour */`
`69`	`69`	`}`
`70`	`70`
`71`	`71`	`.mx_ChatInviteDialog_cancel {`