Truncate long server names on login/register screen (#7702)
Co-authored-by: Aaron Raimist <aaron@raim.ist>
This commit is contained in:
parent
2e19f81bd5
commit
78373e86ea
2 changed files with 6 additions and 1 deletions
|
@ -62,6 +62,9 @@ limitations under the License.
|
||||||
color: $authpage-primary-color;
|
color: $authpage-primary-color;
|
||||||
grid-column: 1;
|
grid-column: 1;
|
||||||
grid-row: 2;
|
grid-row: 2;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
margin-right: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_ServerPicker_change {
|
.mx_ServerPicker_change {
|
||||||
|
|
|
@ -86,7 +86,9 @@ const ServerPicker = ({ title, dialogTitle, serverConfig, onServerConfigChange }
|
||||||
return <div className="mx_ServerPicker">
|
return <div className="mx_ServerPicker">
|
||||||
<h3>{ title || _t("Homeserver") }</h3>
|
<h3>{ title || _t("Homeserver") }</h3>
|
||||||
{ !disableCustomUrls ? <AccessibleButton className="mx_ServerPicker_help" onClick={onHelpClick} /> : null }
|
{ !disableCustomUrls ? <AccessibleButton className="mx_ServerPicker_help" onClick={onHelpClick} /> : null }
|
||||||
<span className="mx_ServerPicker_server">{ serverName }</span>
|
<span className="mx_ServerPicker_server" title={typeof serverName === "string" ? serverName : undefined}>
|
||||||
|
{ serverName }
|
||||||
|
</span>
|
||||||
{ editBtn }
|
{ editBtn }
|
||||||
{ desc }
|
{ desc }
|
||||||
</div>;
|
</div>;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue