Skip to content

Commit 906be37

Browse files
committed
Refactored AddressTile to use string address rather than user object, so it can user email as well mx userId
1 parent 2bf177d commit 906be37

File tree

2 files changed

+51
-0
lines changed

2 files changed

+51
-0
lines changed

src/skins/vector/css/matrix-react-sdk/views/elements/AddressTile.css

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,7 @@ limitations under the License.
2323
color: #454545;
2424
font-size: 14px;
2525
font-weight: normal;
26+
margin-right: 4px;
2627
}
2728

2829
.mx_AddressTile_network {
@@ -41,6 +42,13 @@ limitations under the License.
4142
vertical-align: middle;
4243
}
4344

45+
.mx_AddressTile_mx {
46+
display: inline-block;
47+
margin: 0;
48+
border: 0;
49+
padding: 0;
50+
}
51+
4452
.mx_AddressTile_name {
4553
display: inline-block;
4654
padding-right: 4px;
@@ -71,6 +79,32 @@ limitations under the License.
7179
vertical-align: middle;
7280
}
7381

82+
.mx_AddressTile_email {
83+
display: inline-block;
84+
padding-right: 11px;
85+
}
86+
87+
.mx_AddressTile_email.mx_AddressTile_justified {
88+
width: 380px; /* name + id width */
89+
overflow: hidden;
90+
white-space: nowrap;
91+
text-overflow: ellipsis;
92+
vertical-align: middle;
93+
}
94+
95+
.mx_AddressTile_unknown {
96+
display: inline-block;
97+
padding-right: 11px;
98+
}
99+
100+
.mx_AddressTile_unknown.mx_AddressTile_justified {
101+
width: 380px; /* name + id width */
102+
overflow: hidden;
103+
white-space: nowrap;
104+
text-overflow: ellipsis;
105+
vertical-align: middle;
106+
}
107+
74108
.mx_AddressTile_dismiss {
75109
display: inline-block;
76110
padding-right: 11px;
Lines changed: 17 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)