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 index 5e22ccaf8d..c4d5da879c 100644 --- a/src/skins/vector/css/matrix-react-sdk/views/elements/AddressTile.css +++ b/src/skins/vector/css/matrix-react-sdk/views/elements/AddressTile.css @@ -23,6 +23,7 @@ limitations under the License. color: #454545; font-size: 14px; font-weight: normal; + margin-right: 4px; } .mx_AddressTile_network { @@ -41,6 +42,13 @@ limitations under the License. vertical-align: middle; } +.mx_AddressTile_mx { + display: inline-block; + margin: 0; + border: 0; + padding: 0; +} + .mx_AddressTile_name { display: inline-block; padding-right: 4px; @@ -71,6 +79,32 @@ limitations under the License. vertical-align: middle; } +.mx_AddressTile_email { + display: inline-block; + padding-right: 11px; +} + +.mx_AddressTile_email.mx_AddressTile_justified { + width: 380px; /* name + id width */ + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + vertical-align: middle; +} + +.mx_AddressTile_unknown { + display: inline-block; + padding-right: 11px; +} + +.mx_AddressTile_unknown.mx_AddressTile_justified { + width: 380px; /* name + id width */ + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + vertical-align: middle; +} + .mx_AddressTile_dismiss { display: inline-block; padding-right: 11px; diff --git a/src/skins/vector/img/icon-email-user.svg b/src/skins/vector/img/icon-email-user.svg new file mode 100644 index 0000000000..2d41e06f98 --- /dev/null +++ b/src/skins/vector/img/icon-email-user.svg @@ -0,0 +1,17 @@ + + + + 6F488856-F8EF-479C-9747-AB6E0945C7DE + Created with sketchtool. + + + + + + + + + + + +